Nx + Next.js Starter

Nx + Next.js Starter

A production-ready monorepo template with App Router, shared UI libraries, and Nx superpowers built in.

Enable Nx Cloud - Free Remote Cache
☁️
Speed up CI with Nx Cloud

Remote caching, distributed task execution (DTE), and self-healing CI. Connect your workspace - it's free to start.

What's included

⚡

Computation Caching

Nx caches the output of every task. Re-running a cached task takes milliseconds, not minutes.

🎯

Affected Commands

Run only the tasks that are affected by your latest changes. Skip everything else.

🏗️

Module Boundaries

Enforce architectural rules with ESLint. Keep your codebase modular as it grows.

☁️

Nx Cloud

Remote caching, distributed task execution, and self-healing CI - all in one platform.

📦

Shared UI Library

This page itself imports components from packages/ui - a shared React library wired into the workspace.

🔍

Project Graph

Visualize your workspace dependencies with a single command: npx nx graph.

Quick commands

Develop

npx nx serve web

Build all

npx nx run-many -t build

Test affected

npx nx affected -t test

Visualize graph

npx nx graph