Getting Started - Next.js edition

This is example Hello World project built with Storyblok and Next.js.

To get better understanding of this project and how it works, read our Getting Started guide.

Codesandbox

Edit getting-started-nuxtjs

Configuration Steps

  1. Create a new Space in Storyblok
  2. Obtain a Preview Token from the Settings of the Space.
  3. Replace the this.token value in utils/storyblok-service.js file with your Preview Token.
  4. Your Next.js project can be started and will consume data from your Storyblok Space.

For more advanced article on how to build multilanguage website with Storyblok and Next.js, check our The Complete Guide to Build a Full Blown Multilanguage Website with Next.js.

Learn More

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

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.