docs
Content Management System

Content Management System

💡

Powered by Outstatic, the NextSaaS boilerplate comes with a full-featured built-in Content Management System.

How does it work

Price Card for one-time product

The NextSaaS CMS provides you with a user interface to create and edit website content. There is no need for a database or server setup; all the data is added to your GitHub repository.

To see the changes on your website, you'll need to wait until Vercel finishes deploying it. If you are developing your site locally, you'll need to pull the changes to see them on your dev environment.

By default, the NextSaaS boilerplate has two collections: posts and pages, with examples for each. You can find them under oustatic/content.

When a new post is published, it will automatically show up at https://localhost:3000/posts (opens in a new tab). You can find more examples here: https://nextsaas.live/posts (opens in a new tab). You can also tag a post, and the NextSaaS boilerplate will take care of pagination and render them in a nice UI.

When a new page is published, it will automatically show up in the footer under the section "Pages." Here is an example page: https://nextsaas.live/pages/privacy-policy (opens in a new tab).

Integrate CMS with GitHub

You just need to set up these environment variables:

.env
# Setup Environment Variables for Outstatic
# https://outstatic.com/docs/getting-started#adding-outstatic-to-a-nextjs-website
OST_GITHUB_ID=""
OST_GITHUB_SECRET=""
OST_TOKEN_SECRET=""
OST_REPO_SLUG=""
OST_REPO_BRANCH=""

Useful Resources