Back to Architecture Explorer

vercel / next.js

The React Framework for the Web.

114.0k

TypeScript

Architecture: monorepo

View Original Source

main

next.js

.github

crates

napi

next-api

next-core

turbopack

docs

01-getting-started

02-app

03-pages

examples

hello-world

with-tailwindcss

with-typescript

packages

create-next-app

next

next-bundle-analyzer

react-dev-overlay

test

development

e2e

integration

unit

Cargo.toml

package.json

pnpm-workspace.yaml

Structural Architecture

Next.js utilizes a dense pnpm workspace structure. The engine splits routing, bundling, and client-side abstractions into isolated packages, while deeply integrating Turbopack (written in Rust) natively into its execution layer.

Rust native layers bound to high-level JavaScript APIs.
Deep testing coverage through heavy `test/e2e` fixture separation.
Granular package decoupling allowing independent updates.

Notable Directories

/packages/next

The primary Next.js package codebase driving routing and SSR.

/packages/create-next-app

The beloved CLI tool used by developers to bootstrap projects.

/crates

Rust foundation holding Turbopack and core WASM/SWC logic.

/test

An enormous e2e testing harness mimicking extreme real-world apps.

Build Your Own Ecosystem

Learn from next.js's structure and craft your own software scaffolding.