Next.js
Open SourceThe React Framework for the Web.
Scores
About
Next.js is a React meta-framework created and maintained by Vercel. It is the most widely adopted framework for building production React applications, used by teams ranging from indie developers to Fortune 500 companies.
Next.js extends React with a file-system router — pages and routes are defined by files in the app/ (App Router) or pages/ (Pages Router) directory. The App Router, introduced in Next.js 13 and stabilised in Next.js 14+, is the current recommended approach. It is built around React Server Components, enabling components to run on the server with zero JavaScript sent to the client unless the component explicitly opts into interactivity via 'use client'.
Rendering flexibility is a core strength. Each page or route segment can independently choose between static generation (SSG), server-side rendering (SSR), incremental static regeneration (ISR), or streaming. This makes Next.js suitable for everything from fully static marketing sites to real-time dashboards.
Server Actions (stable since Next.js 14) allow form submissions and data mutations to call server-side functions directly from React components without building explicit API endpoints — collapsing the client/server boundary for common data-writing patterns.
API Routes and Route Handlers allow building REST or custom API endpoints within the same Next.js project, enabling a single deployable full-stack application without a separate backend service.
Built-in optimisations include automatic image optimisation (next/image), font subsetting and self-hosting (next/font), script loading strategies, and metadata API for SEO. The framework also provides deep integration with React Suspense and streaming for progressive page rendering.
Turbopack (Rust-based bundler) replaced Webpack as the default dev server bundler in Next.js 15, delivering significantly faster cold starts and HMR on large projects.
Next.js is MIT-licensed and open source, though it is developed almost entirely by Vercel and benefits significantly from Vercel's hosting platform.
Key Features
- App Router with React Server Components for server-first rendering with zero JS by default
- Hybrid rendering per route: SSG, SSR, ISR, and streaming — all in one project
- Server Actions for server-side mutations without explicit API endpoints
- Built-in image, font, and script optimisation with next/image and next/font
- API Routes and Route Handlers for full-stack endpoints in the same codebase
- Turbopack-powered dev server for fast HMR and cold starts on large projects
- Middleware for edge-runtime logic (auth, redirects, A/B tests) before request reaches page
- Metadata API and SEO utilities built into the App Router
Pros
- Largest React meta-framework ecosystem — massive community, job market, tutorials, and third-party integrations
- App Router + React Server Components enable fine-grained server/client control with excellent performance
- Full-stack in one project: API routes, server actions, and React pages coexist without a separate backend
- Deep Vercel integration provides zero-config deployment with edge functions, preview URLs, and analytics
- Built-in image/font/script optimisation delivers strong Core Web Vitals without manual work
- Turbopack dramatically improves dev server speed on large codebases
Cons
- App Router's caching model is notoriously complex and has surprised many developers with unexpected behaviour
- React Server Components add a new mental model (client/server boundary) that requires careful management
- Deep Vercel integration creates soft vendor lock-in — some features degrade or cost more on other platforms
- Build times on large projects can still be slow even with Turbopack, which is still maturing
- Pages Router → App Router migration is non-trivial for existing large codebases
Pricing
Open SourcePossible Stacks
Supabase + Next.js
ProjectThe fastest way to launch a modern web app. Next.js handles the frontend and API routes; Supabase provides Postgres, auth, realtime, and storage out of the box.
Next.js + GitHub Actions
ProjectA GitHub-native web stack with automated CI/CD. Next.js and Supabase cover the full application layer; GitHub Actions runs tests and triggers Vercel deployments on every push, giving intermediate teams a production-ready workflow without leaving the GitHub ecosystem.
SaaS Starter + PostHog
ProjectA production-ready SaaS foundation with product analytics built in from day one. Next.js and Supabase handle the app and auth layer; PostHog adds product analytics, feature flags, session replay, and A/B testing — replacing Amplitude, LaunchDarkly, and FullStory with a single open-source platform.
Related Tools
Works well with (31)
Alternative to (5)
Learning Resources
No resources yet — check back soon.
