Infrastructure
CSS Modules
Locally-scoped CSS for component-based apps. Plain CSS files with hashed class names, no runtime overhead, no learning curve.
Try CSS Modulesgithub.com/css-modules/css-modules
Share
Save
CSS Modules give you locally-scoped CSS without a runtime. You write a regular .module.css file, import it as an object in your component, and the build tool hashes class names so they cannot collide globally. There is no API to learn beyond CSS itself, no JIT engine, and no extra bundle. Bundlers like Vite, webpack, and Next.js support CSS Modules natively. Best fit for teams who want to write real CSS and care about a tiny stylesheet rather than utility composition.
Similar Tools
Infrastructure
Tailwind CSS
Utility-first CSS framework. Compose styles with class names, scan templates with the JIT engine, and ship tiny CSS bundles. v4 rewrote the engine in Rust.
Infrastructure
Turborepo
Vercel's high-performance monorepo build system. Remote caching, task pipelines, and incremental builds. Drop into any pnpm or npm workspace.
Infrastructure
Nx
Polyglot monorepo platform from Nrwl. Project graph, generators, executors, distributed task execution, and Nx Cloud for remote caching.
Infrastructure
Vercel
Deployment platform behind Next.js. Git push to deploy. Edge functions, image optimization, analytics. Free tier is generous.
Get started with CSS Modules
Locally-scoped CSS for component-based apps. Plain CSS files with hashed class names, no runtime overhead, no learning curve.
Try CSS ModulesGet weekly tool reviews
Honest takes on AI dev tools, frameworks, and infrastructure - delivered to your inbox.
Subscribe FreeMore Infrastructure Tools
Vercel
Deployment platform behind Next.js. Git push to deploy. Edge functions, image optimization, analytics. Free tier is generous.
Coolify
Self-hosted PaaS for deploying apps, databases, and services. Git-based deploys, Docker support, preview environments, and a clean UI.
Convex
Reactive backend - database, server functions, real-time sync, cron jobs, file storage. All TypeScript. This site's backend (courses, videos, user data) runs on Convex.
Related Guides
Guide
MCP Servers Explained
What MCP servers are, how they work, and how to build your own in 5 minutes.
AI AgentsGuide
Building Your First MCP Server
Step-by-step guide to building an MCP server in TypeScript - from project setup to tool definitions, resource handling, testing, and deployment.
AI AgentsGuide
Auto Memory - Claude Code
Automatic session-to-session memory of build commands, errors, and learnings.
Claude CodeTry the member tools free
Get Smarter About AI Dev
New tutorials, open-source projects, and deep dives on coding agents - delivered weekly.
One email per weekReal code, not theoryFree forever