Next.jsReactAdmin dashboardSaaSStarter

contentrain-starter-next-saas-dashboard — Next.js Admin dashboard Template

By Contentrain

A Next.js-based SaaS dashboard starter that uses Contentrain content models to manage UI copy, settings, billing, and operational content.

Explore the design

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

1 previews
Author preview
Author-provided previewTop of page

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

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

Manage UI copy with Contentrain dictionary models, avoiding hardcoded strings in JSX

02

Settings, billing, queue entries, notifications, and audit rows are presented as typed content models

03

Provides dashboard demo routes such as /settings, /billing, /operations, and /architecture

04

Built on Next.js, using pnpm to manage dependencies and scripts

05

Includes Netlify deployment commands and publish directory configuration instructions

06

MIT licensed, allowing free use, modification, commercialization, and distribution

Template Details

This is a Next.js starter for SaaS product dashboard interfaces, with content management provided by Contentrain. Its core idea is to extract UI copy, settings items, billing plans, queue entries, notifications, and audit rows from components and manage them through Contentrain dictionary models and typed content models, thereby achieving content governance in dashboard product interfaces, not just marketing pages.

The repository provides demo routes such as /, /settings, /billing, /operations, and /architecture, covering typical dashboard scenarios like settings, billing, and operations. The project uses pnpm as the package manager, offers commands including install, dev, check, build, start, and deploy:netlify, and includes Netlify build and publish directory configuration instructions.

This starter is MIT licensed and can be used, modified, commercialized, and distributed for free, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as domains, hosting, databases, payments, or AI may incur additional charges.

Next.jsBackendSaaSStarter

Is it right for your project?

Use Cases

  • Build SaaS dashboard product interfaces for settings, billing, and operations
  • Want to extract dashboard UI copy and content from code and manage it centrally
  • Need a reference for how Contentrain content models are implemented in dashboard products
  • Need to quickly start a Next.js dashboard project and deploy it to Netlify

Suitable For

  • Frontend teams developing SaaS dashboard interfaces
  • Content operations staff using Contentrain to manage product content
  • Developers needing a content governance solution for dashboard product interfaces
  • Teams wanting to quickly build a dashboard starter based on Next.js

Getting started & customization

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

  1. 1

    Install dependencies with pnpm install, start the development environment with pnpm dev

  2. 2

    Run pnpm check, pnpm build, and pnpm start for validation, build, and start

  3. 3

    When deploying to Netlify, the build command is pnpm deploy:netlify; leave the publish directory empty for framework auto-detection

  4. 4

    Use pnpm dlx netlify-cli init to connect the repository for continuous deployment, or use link to associate an existing site

  5. 5

    Third-party assets and external services may involve additional licenses or fees and require separate verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; 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

  • Free use, modification, commercialization, and distribution of this version's code are permitted.
  • 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

  • UI copy relies on Contentrain dictionary models for management, requiring a Contentrain service/account to properly maintain content.
  • The project depends on external services such as the official Contentrain SDK and documentation; using it requires accessing their online services.
  • Continuous deployment relies on a Netlify account and netlify-cli, which are external hosting services and may incur fees.
  • Demo images, fonts, icons, and other third-party assets must be verified 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 additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

UI strings are managed through a Contentrain dictionary model instead of hardcoded JSX text

Original README

Official references: - [SDK](https://ai.contentrain.io/packages/sdk.html)

Original README

Use `pnpm dlx netlify-cli init` to connect the repository for continuous deployment

Original README
https://github.com/Contentrain/contentrain-starter-next-saas-dashboard/blob/main/LICENSEhttps://github.com/Contentrain/contentrain-starter-next-saas-dashboard/blob/main/README.md

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
Partly documented · 73 / 100
Technologies
Next.js · React
Website type
Admin dashboard · SaaS · 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-03-29
Screenshot last checked
2026-10-03

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

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: 4307e473273c9b2d58ec826f585e8d6365b23fb7b3dc0ef0a7f32b113139a8b4

2026-10-03T02:56:17.536Z

Source file / repository
> Source of truth: this starter is exported from the `contentrain-starters` monorepo.
> Internal starter id: `next-saas-dashboard`.
# Contentrain Next SaaS Dashboard

Product-surface starter for teams that want Contentrain to own dashboard UI copy, settings surfaces, billing plans, and operational messaging instead of scattering strings across components.

![Contentrain Next SaaS Dashboard cover](./media/cover.png)

![Contentrain Next SaaS Dashboard preview](./media/preview.gif)

## Start

```bash
pnpm install
pnpm dev
```

## Commands

```bash
pnpm check
pnpm build
pnpm start
pnpm deploy:netlify
```

## Demo routes

- `/`
- `/settings`
- `/billing`
- `/operations`
- `/architecture`

## Why this starter exists

- UI strings are managed through a Contentrain dictionary model instead of hardcoded JSX text
- Settings, billing, queue items, notices, and audit rows are typed content models
- The starter demonstrates product-surface governance, not only marketing pages

Official references:

- [SDK](https://ai.contentrain.io/packages/sdk.html)
- [Docs](https://docs.contentrain.io/)
- [Studio](https://studio.contentrain.io/)

## Deploy

- Netlify build command: `pnpm deploy:netlify`
- Netlify publish directory: framework-managed
- Keep the publish directory empty in the Netlify UI and let the Next.js runtime be detected automatically

## Netlify Project Creation

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https%3A%2F%2Fgithub.com%2FContentrain%2Fcontentrain-starter-next-saas-dashboard)

Use `pnpm dlx netlify-cli init` to connect the repository for continuous deployment, or `pnpm dlx netlify-cli link` if the site already exists.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.