Skip to content

Build a Compass Starter Website with NextJS and Contentstack

License

Notifications You must be signed in to change notification settings

contentstack/compass-starter-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

compass-starter-app

Compass Starter App

About Contentstack: Contentstack is a headless CMS with an API-first approach that puts content at the centre. It is designed to simplify the process of publication by separating code from content.

About this project: This is a Next.js project bootstrapped with create-next-app used to build modern web applications.

compass-starter-app

Recommended Node version: v18.17.0 and App Supported till v22.6.0

Getting Started

Refer .env.sample to set up your .env.local file in root directory

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/[locale]/page.tsx. The page auto-updates as you edit the file.

Compass Starter Stack Content Repo

Compass Starter Stack Content Repo

Note : Contentstack stack must have English as Master Language

To import this content to your stack, perform the following steps:

  1. Install the CLI by running the following command in your terminal:

    npm i -g @contentstack/[email protected]

  2. By default, CLI uses the North America region. To use the Europe region, run this command in your terminal:

    csdx config:set:region EU

  3. Next, log in to your Contentstack account via CLI:

    csdx auth:login

  4. Create Compass Starter stack using CLI bootstrap command

    csdx cm:bootstrap --app-name compass-app --project-dir <project-dir> --org <org-uid> -n <stack-name>

Refer to the Bootstrap command documentation to learn more.

Documentation