Next.jsReactAdmin dashboardDocumentationSaaSCorporate WebsiteStarter

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

By Contentrain

A Next.js multi-surface SaaS starter that unifies marketing pages, app shell, documentation, and changelog under one Contentrain content architecture.

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

One Contentrain content architecture covers four surface types: marketing pages, app shell, documentation, and changelog

02

Content is stored in a local .contentrain/ directory, typed and reviewable in git

03

The build generates the #contentrain SDK for Next.js code to read content while preserving the content schema

04

The README lists demo routes including the homepage, /app, /docs, and /changelog to help compare the multi-surface structure

05

Provides pnpm check, build, start, and Netlify deployment commands

Template Details

This is a Next.js starter exported from the official Contentrain starters monorepo, internally identified as next-multi-surface-saas. It targets teams that need to maintain product marketing pages, an admin app shell, documentation, and a changelog at the same time, letting these surfaces share one content architecture instead of maintaining separate content sources.

The content layer lives in the project's .contentrain/ directory, remaining local, typed, and reviewable in git; the build generates the #contentrain SDK, which framework code uses to read content while preserving an explicit content schema. The demo routes listed in the README cover the homepage, /app, /docs, /guides/surface-governance, /reference/content-contracts, /packages/query-client, /changelog/unified-surface-rollout, and /architecture, and can be used to see how multi-surface content is organized.

The project provides pnpm install / pnpm dev to get started, along with commands such as pnpm check, pnpm build, pnpm start, and pnpm deploy:netlify. Deployment instructions target Netlify: the build command is pnpm deploy:netlify, the publish directory is managed by the framework, and the publish directory must be left blank in the Netlify UI so the Next.js runtime is detected automatically. The repository uses the MIT license, but third-party assets such as demo images, fonts, and icons, as well as external services like domains, hosting, and databases, require separate license and cost checks.

Next.jsAdminDocumentationSaaSCorporate websiteStarter

Is it right for your project?

Use Cases

  • Building a site for a SaaS product where marketing pages, admin app shell, documentation, and changelog share one content source
  • Evaluating Contentrain as multi-surface product content infrastructure rather than only a website CMS
  • Trying a local, typed content directory structure in a Next.js project that can be reviewed in git
  • Teams that need release notes and product interface content managed under the same schema

Suitable For

  • Development teams using Next.js that want to manage content across multiple product surfaces in a unified way
  • SaaS projects where marketing, app, documentation, and changelog content should not drift apart
  • Teams willing to keep content as local files under version control
  • Projects planning to deploy to Netlify and accept its automatic Next.js runtime detection

Getting started & customization

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

  1. 1

    Use pnpm install to install dependencies and pnpm dev to start the development environment

  2. 2

    Use pnpm check, pnpm build, and pnpm start for validation, building, and running

  3. 3

    The Netlify build command is pnpm deploy:netlify; leave the publish directory blank to automatically detect the Next.js runtime

  4. 4

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

  5. 5

    Third-party assets such as demo images, fonts, and icons, as well as external services, require separate license and cost checks

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing 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

  • You may use, modify, commercialize, and distribute the code of this version 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

  • Deploying to Netlify requires using netlify-cli to connect a repository or an existing site; this is an external hosting service that may involve account registration and fees, which you must confirm yourself.
  • The deployment process depends on the Netlify platform and its Next.js runtime; the build command is pnpm deploy:netlify, and the publish directory must be left blank in the Netlify UI.
  • Demo images, fonts, icons, and other third-party assets must be checked against 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

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

Original README

Netlify build command: `pnpm deploy:netlify`

Original README
https://github.com/Contentrain/contentrain-starter-next-multi-surface-saas/blob/main/LICENSEhttps://github.com/Contentrain/contentrain-starter-next-multi-surface-saas/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 · Documentation · SaaS · Corporate Website · 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: 4a6696fcf977898daeaed1709e556e71ed62bfabf2e938cd2c41ee7f4747bec1

2026-10-03T02:58:09.560Z

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

Next.js starter for teams that need one content architecture across marketing, app shell, docs, and changelog surfaces.

![Contentrain Next Multi-Surface SaaS cover](./media/cover.png)

![Contentrain Next Multi-Surface SaaS preview](./media/preview.gif)

## Start

```bash
pnpm install
pnpm dev
```

## Commands

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

## Demo routes

- `/`
- `/app`
- `/docs`
- `/guides/surface-governance`
- `/reference/content-contracts`
- `/packages/query-client`
- `/changelog/unified-surface-rollout`
- `/architecture`

## Why this starter exists

- Product marketing, dashboard UI, docs, and release notes should not drift apart
- `.contentrain/` stays local, typed, and reviewable in git
- The generated `#contentrain` SDK keeps framework code simple while preserving a real content schema
- This starter shows Contentrain as product-surface infrastructure, not only as a website CMS

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-multi-surface-saas)

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.