/next-quick-start

The Next Quick Start package covers the basics of connecting Prepr CMS with Next. With the provided steps, you can make a basic blog in less than 10 minutes.

Primary LanguageJavaScript

Next 13 Quick Start

The Next quick start project launches a blog app with content from Prepr.

Look at the Next Quick start guide to learn more, or check out the Stackblitz demo for zero installation.

This branch is based on the new next app directory, want to view this project with the pages directory? Switch to the next-pages branch.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Add the environment file

Copy the .env.example file in this directory to .env (which will be ignored by Git) by running the following command:

cp .env.example .env

Update the environment file

In the .env file replace <YOUR-ACCESS-TOKEN> with the Prepr access token from your environment with demo content.

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.

The end result

blog site end result