Next.jsReactStarter

turborepo-example — Next.js Starter Template

By owieth

A monorepo starter template built on Turborepo and pnpm workspaces, containing a Next.js app, a Nextra documentation site, and shared UI, TypeScript, and ESLint packages.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Turborepo handles task orchestration, while pnpm workspaces handle dependency and workspace management

02

apps/web is a Next.js application and apps/docs is a Nextra documentation site, using ports 3000 and 3001 respectively

03

packages/ui is a shared React component library integrating shadcn/ui, Radix, and Tailwind

04

packages/tsconfig and packages/eslint-config-custom provide shared configurations that can be inherited by each package

05

Root-level scripts cover development, build, lint, clean, and formatting workflows

Template Details

This is a monorepo starter template that uses Turborepo for task orchestration and pnpm workspaces for dependency management. The repository is split into two layers, apps and packages: apps/web is a Next.js application using Tailwind CSS, running on port 3000 by default; apps/docs is a Nextra documentation site, running on port 3001 by default. packages/ui provides a shared React component library that includes shadcn/ui, Radix, and Tailwind; packages/tsconfig and packages/eslint-config-custom provide shared TypeScript and ESLint configurations that are inherited by the apps and the UI package. The repository also includes a docs/ directory for a GitHub Pages landing page.

Running it requires Node.js 22 or later and pnpm 10 or later. After installing dependencies, run pnpm dev from the repository root to start all applications at once; pnpm build, pnpm lint, pnpm clean, and pnpm prettier are used to build, check, clean build artifacts, and format all files, respectively.

The template is MIT licensed, and this version of the code may be used, modified, used commercially, and distributed for free, provided the copyright notice and license notice are retained when distributing. Third-party assets such as demo images, fonts, and icons must be checked separately under their own licenses; external services such as domains, hosting, and databases may incur separate charges.

Next.jsReactStarter

Is it right for your project?

Use Cases

  • You need to maintain both a product application and a documentation site in one repository
  • Multiple applications want to reuse the same set of React components and TypeScript and ESLint configurations
  • You want to start a monorepo with Turborepo plus pnpm workspaces as the foundation

Suitable For

  • Developers familiar with Next.js and React who are preparing to set up a monorepo
  • Team projects that need a shared component library and unified code standards
  • Frontend projects that want to manage the application and documentation site in the same repository

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Requires Node.js >= 22 and pnpm >= 10

  2. 2

    After cloning the repository, run pnpm install to install dependencies

  3. 3

    Run pnpm dev to start all applications, with web on port 3000 and docs on port 3001

  4. 4

    Use pnpm build, pnpm lint, pnpm clean, and pnpm prettier for building, checking, cleaning, and formatting respectively

  5. 5

    Before use, check the licenses of third-party assets such as demo images, fonts, and icons separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version of the public repository under the MIT license; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • You may use, modify, use commercially, and distribute this version of the code for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked under their own licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 92 / 100
Technologies
Next.js · React
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-09-29
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: 4129c156bf8885bf04a561e3697980c13b3870da30678d43a48b6906903ad28d

2026-10-03T13:47:16.779Z

Source file / repository
# Turborepo Example

A modern monorepo template built with Next.js 16, React 19, Tailwind CSS v4, TypeScript 5.9, Turborepo, and pnpm workspaces.

## Architecture

```mermaid
graph TD
    A[apps/web] -->|imports| D[packages/ui]
    B[apps/docs] -->|imports| D
    A -->|extends| E[packages/tsconfig]
    B -->|extends| E
    A -->|extends| F[packages/eslint-config-custom]
    B -->|extends| F
    D -->|extends| E
    D -->|extends| F
```

## What's Inside

### Apps

| App         | Description                           | Port |
| ----------- | ------------------------------------- | ---- |
| `apps/web`  | Next.js application with Tailwind CSS | 3000 |
| `apps/docs` | Nextra documentation site             | 3001 |

### Packages

| Package                         | Description                                                 |
| ------------------------------- | ----------------------------------------------------------- |
| `packages/ui`                   | Shared React component library (shadcn/ui, Radix, Tailwind) |
| `packages/tsconfig`             | Shared TypeScript configurations                            |
| `packages/eslint-config-custom` | Shared ESLint configuration                                 |

## Prerequisites

- [Node.js](https://nodejs.org/) >= 22
- [pnpm](https://pnpm.io/) >= 10

## Getting Started

```bash
git clone https://github.com/owieth/turborepo-example.git
cd turborepo-example
pnpm install
pnpm dev
```

## Scripts

| Command         | Description                        |
| --------------- | ---------------------------------- |
| `pnpm dev`      | Start all apps in development mode |
| `pnpm build`    | Build all apps and packages        |
| `pnpm lint`     | Lint all apps and packages         |
| `pnpm clean`    | Clean all build outputs            |
| `pnpm prettier` | Format all files                   |

## Project Structure

```
turborepo-example/
  apps/
    web/                 Next.js application
    docs/                Nextra documentation
  packages/
    ui/                  Shared component library
    tsconfig/            TypeScript configurations
    eslint-config-custom/ ESLint shared config
  docs/                  GitHub Pages landing page
  turbo.json             Turborepo task orchestration
  pnpm-workspace.yaml    Workspace definition
```

## Tech Stack

- [Next.js 16](https://nextjs.org/) — React framework
- [React 19](https://react.dev/) — UI library
- [Tailwind CSS v4](https://tailwindcss.com/) — Utility-first CSS
- [TypeScript 5.9](https://www.typescriptlang.org/) — Type safety
- [Turborepo](https://turbo.build/) — Build orchestration
- [pnpm](https://pnpm.io/) — Package management
- [shadcn/ui](https://ui.shadcn.com/) — Component primitives
- [Nextra](https://nextra.site/) — Documentation framework

## License

MIT
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.