Make money doing the work you believe in

If you're picking a frontend stack for 2026,

learn these 15 tools (and the 6 I dropped):

πŸ‘‡

1️⃣ Next.js β€” content sites, blogs, anything SSR

πŸ”— nextjs.org

↳ Image optimization, file-based routing, App Router. Deploy to Vercel, you're done.

2️⃣ Vite 8 β€” SPAs, internal tools, dashboards

πŸ”— vite.dev

↳ Rolldown bundler ships builds in under 10 seconds. Used to take 30+.

3️⃣ TypeScript β€” strict mode, day one

πŸ”— typescriptlang.org

↳ strict: true saves more time than it costs. Even on weekend projects.

4️⃣ pnpm β€” the package manager I trust

πŸ”— pnpm.io

↳ Cut my node_modules from 40GB to 5GB. Installs 2-3x faster than npm.

5️⃣ Tailwind CSS β€” the one that ate CSS-in-JS

πŸ”— tailwindcss.com

↳ Replaced styled-components and Emotion completely. No regrets.

6️⃣ shadcn/ui β€” components you actually own

πŸ”— ui.shadcn.com

↳ Copy the files into your repo. No npm dep, no version pinning, no surprises.

7️⃣ Storybook β€” component dev and living docs

πŸ”— storybook.js.org

↳ Every variant in front of you at once. Pairs perfectly with shadcn/ui.

8️⃣ TanStack Query β€” server state, done right

πŸ”— tanstack.com/query

↳ Going back to manual fetch logic feels like writing assembly.

9️⃣ TanStack Router β€” fully typed routing

πŸ”— tanstack.com/router

↳ Params, search params, loaders β€” all typed end-to-end. No more as string.

πŸ”Ÿ Zustand β€” client state with zero boilerplate

πŸ”— zustand.docs.pmnd.rs

↳ A store is a function. Reading it is a hook. That's the whole API.

1️⃣1️⃣ Zod β€” runtime validation at every trust boundary

πŸ”— zod.dev

↳ Compile-time types + runtime checks from one schema. Closest thing to free reliability.

1️⃣2️⃣ Oxlint β€” Rust-based linter

πŸ”— oxc.rs

↳ 50-100x faster than ESLint. Lint on every save with zero latency.

1️⃣3️⃣ Vitest β€” unit tests with instant feedback

πŸ”— vitest.dev

↳ Jest-compatible. Watch mode finishes before your eyes refocus.

1️⃣4️⃣ Playwright β€” E2E without the flake

πŸ”— playwright.dev

↳ Auto-wait killed the setTimeout hacks. The trace viewer shows every click.

1️⃣5️⃣ Sentry Seer β€” AI debugging agent, when something breaks in prod

πŸ”— sentry.io/product/seer?…

↳ Other AI tools write code. Seer reads your traces, replays, and codebase to tell you why prod broke.

The pattern? Each tool does one thing well and composes cleanly with the rest. None of them tries to be a platform. None of them lock me in.

What's in your stack? Drop a tool I should try.

May 20
at
12:17 PM
Relevant people

Log in or sign up

Join the most interesting and insightful discussions.