Quick Start

With The Headless Content Starter Kit you will be creating websites in just a few minutes. Let's start by cloning the project, configuring, starting the Strapi backend, Next.js frontend and create our very first page.

Next visit the Strapi admin and create your admin user

↗️ Open Strapi Admin

Then create your first page under "Content Manager" -> "Page" -> "+ Create new entry".

Make it our homepage by setting the path to "/".

Also add a "hero" component and set the title to "Hello World".

Then publish the page by clicking the "Publish" button.

After the basic setup we need to create the API key to access the Strapi backend from the frontend.

In Strapi go to Settings -> API Tokens -> + Add new API Token

Give it a name (e.g. frontend), make the duration "Unlimited" and of type "Read-only".

Copy the token and add this to the .env file as your STRAPI_API_TOKEN

Once this is setup you can start the frontend.

And then open the homepage of your new project:

↗️ Go To Homepage