Skip to content

Toolset · React, TypeScript, App Router

Next.js

  • Next.js
  • React
  • TypeScript

Next.js with the App Router is our default for React web apps and full-stack sites. The stack favours server components, typed data access, and validation at the boundary.

Where two tools compete, the one marked our default is what we reach for.

01

Package manager

1 tool
pnpmour default

Fast, disk-efficient package manager with a strict node_modules. Our default.

02

Data & server state

1 tool
TanStack Queryour default

Client server-state caching and invalidation for interactive UIs. Our default alongside Server Components for reads.

03

Client state

2 tools
Zustandour default

Minimal, unopinionated client state. Our default.

Redux Toolkit

Structured global state for larger apps.

04

ORM & database

2 tools
Prismaour default

Type-safe ORM with migrations and a great DX. Our default.

Drizzle

SQL-first, lightweight typed query builder; closer to the metal.

05

Auth & validation

2 tools
Auth.js (NextAuth)our default

Session/OAuth for Next; verify tokens, never trust decoded claims. Our default.

Zodour default

Schema validation for inputs, env, and API boundaries — parse, don't assume. Our default.

06

Styling & UI

2 tools
Tailwind CSSour default

Utility-first styling. Our default.

shadcn/ui

Copy-in, accessible component primitives built on Radix + Tailwind.

07

Testing

2 tools
Vitest + Testing Libraryour default

Fast unit/component tests. Our default.

Playwright

Reliable end-to-end browser testing.

08

Monitoring & observability

4 tools
Sentryour default

Errors, performance, and session replay across client and server, with source maps. Our default.

OpenTelemetry

Vendor-neutral tracing with first-class Next support — export to any backend.

Vercel Speed Insights & Analytics

Core Web Vitals and traffic when hosting on Vercel.

web-vitals

Measure Core Web Vitals from any host and ship them to your own analytics.

09

CI/CD

4 tools
Vercelour default

The native platform — preview deploys per PR, edge network, zero-config. Our default.

GitHub Actions

CI for lint / typecheck / test before deploy.

Turborepo

Build caching and task orchestration for fast monorepo CI.

Docker

Self-hosted deploys using the standalone output.

10

Linting & formatting

4 tools
ESLintour default

Linting with eslint-config-next and typescript-eslint. Our default.

Prettierour default

Opinionated formatting across TS/TSX/CSS/MD. Our default.

Biome

A fast, single-binary lint + format alternative to ESLint + Prettier.

TypeScript (tsc)

tsc --noEmit as a type gate in CI.

Building on Next.js?

We ship production Next.jswith exactly this stack. Tell us what you're building.

Start a conversation

Other stacks