Blank Next.js Space Blueprint

This is a Next.js project integrated with Storyblok. It is designed to work with a blank Storyblok space, supporting the default page, teaser, grid, and feature components. The Visual Editor's live preview works out of the box. The project comes with minimal styling and is ideal to kickstart your new Storyblok and Next.js project.

Getting Started

First, install all dependencies:

npm install

Create an .env file with the following content (find your preview access token under Settings > Access Tokens in your Storyblok space):

NEXT_PUBLIC_STORYBLOK_TOKEN=your-preview-access-token

Next, run the development server with HTTPS enabled:

npx next dev --experimental-https

In your Storyblok space, go to Settings > Visual Editor and set https://localhost:3000/ as the default environment.

Finally, open your Home story and see your Next.js project running correctly. Happy building!

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

To learn more about Storyblok, take a look at the Storyblok Documentation.