# Web Development Stack ## Frontend Frameworks | Framework | Notes | |-----------|-------| | **Next.js** | React-based, SSR/SSG/ISR (Vercel) | | **Remix** | React, server-first, web standards | | **Astro** | Content-focused, zero JS by default | | **React** | Component-based UI library | | **Vue** | Progressive framework | | **Svelte** | Compiler-based, no virtual DOM | ## Styling - **Tailwind CSS** — utility-first (modern favorite) - **shadcn/ui** — copy/paste React components (Radix + Tailwind) - **Sass/SCSS** — CSS preprocessor ## Backend Frameworks | Language | Frameworks | |----------|------------| | **Node.js** | Express.js, Fastify | | **Python** | Flask, Django | | **Rust** | Axum, Actix-web, Rocket | | **Go** | Gin, Fiber, net/http (stdlib) | | **Ruby** | Rails | | **Java** | Spring Boot | ## Databases & ORMs | Database | ORM | |----------|-----| | PostgreSQL | Prisma (JS), SQLAlchemy (Python), Diesel (Rust) | | SQLite | See [[SQLite]] | | MongoDB | Mongoose | ## Build Tools - **Vite** — fast, modern dev server and bundler (esbuild for dev, Rollup for production) - **Bun** — all-in-one JS runtime and bundler - **esbuild** — extremely fast bundler ## Common Stacks | Stack | Components | |-------|------------| | **MERN** | MongoDB, Express, React, Node.js | | **LAMP** | Linux, Apache, MySQL, PHP | | **JAMstack** | JavaScript, APIs, Markup | ## Recommended Modern Stack (2025) **Static/content sites:** Astro + Tailwind + Markdown + Vercel **Dynamic web apps:** Next.js + React + shadcn/ui + PostgreSQL + Prisma + Vercel **High-performance APIs:** Axum (Rust) + Diesel + PostgreSQL