Nuxt3 Storyblok Minimal Starter

This is a Nuxt3 Starter Kit for Storyblok with Vite, Vue3, TypeScript, Pug, SCSS and TailwindCSS!

For more info:

• Nuxt3 documentation
• Story Docs
• Storyblok - Nuxt Hub
• TailwindCSS
• Heroicons

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Create .env file and set storyblok's API token:

touch .env
open .env

STORYBLOK_TOKEN=....

Setup Navigation menu https://www.storyblok.com/tp/create-dynamic-menus-in-storyblok-and-nuxt

Development Server

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

• Editor: http://localhost:3000/editor.html
• Tailwind Viewer: http://localhost:3000/_tailwind

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.