Next.jsReactStarter

next-enterprise-starter — Next.js Starter Template

By manniche-labs

A minimal Next.js App Router starter template with a dark theme example page, security headers, and a code quality toolchain.

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-02View source

What stands out

A quick read of the recorded project description.

01

Provides two example routes for Next.js App Router: a dark landing page and an about page, ready to extend

02

next.config.ts preconfigures HSTS, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, and Permissions-Policy and removes X-Powered-By; CSP is not included

03

Tailwind CSS v4 is integrated via the PostCSS plugin, with design tokens defined in globals.css

04

Strict TypeScript, ESLint flat config, Prettier, and husky + lint-staged pre-commit checks, with the hook installed automatically by npm install

05

Configures the @/ path alias and cn() class name merge utility, with OpenGraph SEO metadata built into the root layout

Template Details

next-enterprise-starter is a small Next.js starter template maintained by manniche labs, positioned as a "minimal foundation for new sites" rather than a full-featured enterprise framework. The repository provides two example routes: a dark landing page (page.tsx) and an about page using generateMetadata(), along with OpenGraph SEO metadata in the root layout. Styling is based on Tailwind CSS v4, with design tokens defined in globals.css; src/lib/utils.ts provides a cn() class name merge utility, and import paths use the @/ alias.

On the engineering side, the template enables strict TypeScript, ESLint (flat config, including Next.js core web vitals and TypeScript rules), Prettier, and runs checks on staged files before commit via husky + lint-staged, with the hook installed automatically by npm install. next.config.ts sets security response headers including HSTS, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, and Permissions-Policy, and removes X-Powered-By; the README explicitly states that CSP is not included and must be added by the user.

Usage limitations: the template only provides the example pages and toolchain described above, with no database, authentication, payment, or deployment configuration; the demo site screenshots are only for showing the default appearance. The code is MIT licensed and can be used, modified, commercialized, and distributed for free, but the copyright and license notice must be retained; costs for third-party assets such as demo images, fonts, and icons, as well as external services like domains and hosting, must be checked separately.

Next.jsReactStarter

Is it right for your project?

Use Cases

  • Skip basic project setup when creating a new Next.js site and start writing business code directly from the example pages
  • Need a project scaffold with default security response headers and pre-commit lint/format hooks
  • Use as a unified starting point for internal Next.js projects, reusing the path alias and code quality configuration

Suitable For

  • Developers familiar with Next.js App Router and TypeScript who want to build the business layer themselves
  • Small projects or prototypes that need a lightweight starting point rather than a complete enterprise framework
  • Teams that value pre-commit code checks and basic security response header configuration

Getting started & customization

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

  1. 1

    After cloning the repository, run npm install (or pnpm/bun install); the husky commit hook is installed automatically

  2. 2

    Run npm run dev to start the development server, accessible by default at http://localhost:3000

  3. 3

    Available scripts include build, start, lint, typecheck, format, and format:check

  4. 4

    The template does not include CSP; the README recommends adding it according to your application's needs

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • The code of this version may be used, modified, commercialized, and distributed 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

  • The template does not include a Content Security Policy (CSP); the README explicitly requires users to add it, which is an additional configuration obligation during use.
  • The pre-commit hook (husky + lint-staged) is installed automatically by npm install and runs ESLint and Prettier checks on staged files at every commit.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective 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-02. 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 · 88 / 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-10-02
Screenshot last checked
2026-10-02

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 7ded6aa29557d935164a0c81dd3c39d2cbcfa7925ea44bbf2f29beeb9f3393b0

2026-10-02T16:39:04.406Z

Source file / repository
<img src=".github/banner.svg" alt="" width="100%">

<div align="center">

# ⚡ next-enterprise-starter

**A small, opinionated starter for Next.js 16, React 19, TypeScript and Tailwind CSS 4, with security headers and pre-commit linting set up.**

  <br />

[![Next.js 16](https://img.shields.io/badge/Next.js-16-black?style=flat-square&logo=next.js&logoColor=white)](https://nextjs.org)
[![React 19](https://img.shields.io/badge/React-19-20232A?style=flat-square&logo=react&logoColor=61DAFB)](https://react.dev)
[![TypeScript](https://img.shields.io/badge/TypeScript-5-3178C6?style=flat-square&logo=typescript&logoColor=white)](https://www.typescriptlang.org)
[![Tailwind CSS 4](https://img.shields.io/badge/Tailwind_CSS-v4-38B2AC?style=flat-square&logo=tailwind-css&logoColor=white)](https://tailwindcss.com)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square)](https://opensource.org/licenses/MIT)
[![Maintained by manniche labs](https://img.shields.io/badge/Studio-manniche_labs-0f0f0f?style=flat-square&logo=github&logoColor=white)](https://github.com/manniche-labs)

  <br />

<sub>Made by <b><a href="https://github.com/mikkelmanniche-dk">Mikkel Manniche</a></b> at <b><a href="https://github.com/manniche-labs">manniche labs</a></b> • <a href="https://mikkelmanniche.dk">mikkelmanniche.dk</a></sub>

</div>

---

## 🚀 Overview

**next-enterprise-starter** is a minimal foundation for a new Next.js site: two example routes, a dark theme, security headers and code-quality tooling, so you can skip the setup and start building.

### ✨ Highlights

- **⚡ Current stack:** Next.js 16 (App Router), React 19 and Tailwind CSS v4.
- **🛡️ Security headers:** HSTS, `X-Frame-Options`, `X-Content-Type-Options`, `Referrer-Policy` and `Permissions-Policy` in `next.config.ts`, and no `X-Powered-By` header. There is no CSP; add one for your app.
- **🎨 Dark theme:** A simple dark landing page and an about page to build on.
- **🧹 Code quality:** Strict TypeScript, ESLint, Prettier and a pre-commit hook.
- **🧩 Path alias:** `@/` imports and a `cn()` className helper.

---

## 📦 Getting Started

### 1. Clone or Use as Template

```bash
git clone https://github.com/manniche-labs/next-enterprise-starter.git my-app
cd my-app
```

### 2. Install Dependencies

```bash
npm install
# or
pnpm install
# or
bun install
```

### 3. Run Development Server

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

---

## 📁 Project Structure

```
next-enterprise-starter/
├── src/
│   ├── app/
│   │   ├── globals.css      # Tailwind CSS v4 & custom design tokens
│   │   ├── about/page.tsx   # Example route using generateMetadata()
│   │   ├── layout.tsx       # Root layout & OpenGraph SEO metadata
│   │   └── page.tsx         # Modern landing hero component
│   └── lib/
│       └── utils.ts         # cn() className merger utility
├── .husky/pre-commit        # Runs lint-staged before every commit
├── eslint.config.mjs        # ESLint flat config (Next.js core web vitals + TypeScript)
├── next.config.ts           # Production compression & security headers
├── postcss.config.mjs       # Tailwind CSS v4 PostCSS plugin
├── tsconfig.json            # Strict TypeScript configuration
└── package.json
```

---

## 🛠️ Scripts

- `npm run dev` — Start the Next.js development server
- `npm run build` — Create an optimized production build
- `npm run start` — Run the production build locally
- `npm run lint` — Run ESLint code quality checks
- `npm run typecheck` — Type-check the project without emitting files
- `npm run format` — Format all files with Prettier
- `npm run format:check` — Check formatting without writing changes

A pre-commit hook (husky + lint-staged) runs ESLint and Prettier on staged files. It is installed automatically by `npm install`.

---

## 🤝 Contributing

Contributions, feedback, and pull requests are warmly welcomed! If you find this template helpful, please consider giving it a **⭐ Star** on GitHub.

---

## 👨‍💻 Maintainer

[Mikkel Manniche](https://github.com/mikkelmanniche-dk) at [manniche labs](https://github.com/manniche-labs) · [mikkelmanniche.dk](https://mikkelmanniche.dk)

License: [MIT](LICENSE)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.