A curated frontend stack for 2026 production apps, covering ~15 tools across 9 categories. Next.js for content sites, Vite 8 (with Rolldown bundler) for SPAs, TypeScript strict mode throughout, and pnpm for package management. Styling via Tailwind CSS and shadcn/ui. TanStack Query and TanStack Router for server state and fully-typed routing. Zustand for shared client state, Zod for runtime validation at trust boundaries. Oxlint and Oxfmt (Rust-based) replace ESLint/Prettier for 50-100x faster linting and formatting. Testing stack: Vitest for unit/component tests, Playwright for E2E, and MSW for network mocking across all environments. Sentry for production error monitoring and session replay. The guiding principle: each tool does one thing well and composes cleanly with the others.
Table of contents
1. Foundations: Next.js , Vite , TypeScript , pnpm2. Tailwind CSS + shadcn/ui3. Storybook4. TanStack Query + TanStack Router5. Zustand6. Zod7. Oxlint + Oxfmt8. Vitest + Playwright + MSW9. Sentry (Error Monitoring + Session Replay)📌 TL;DR160.9K Impressions7 Comments