Gouldsonium Website

Look at the Nuxt 3 documentation to learn more about Nuxt.js Look at the Storyblok documentation to learn more about Nuxt with Storyblok

Setup

Prerequisites

• A Storyblok Account
• Access to the Gouldsonium space
• Space access token

NOTE: To fully utilise this site on a live environment, you will need to connect storyblok to a webhook which will deploy your site everytime you publish something. I would recommend Netlify.

Make sure to install the dependencies:

# yarn
yarn install

Development Server

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

# yarn
yarn dev

To preview in storyblok, you must be running on https. Run the following command in a seperate terminal after running dev to run a server at https://localhost:3010:

# yarn
yarn proxy

Production

Preview Environment

Build the application for production that changes whenever content is saved and allow you to use the Storyblok visual editor

• Set STORYBLOK_VERSION = 'draft'
• Use a STORYBLOK_ACCESS_TOKEN with 'preview' access level

yarn build

Live Environment

Build the application for production that is only shows published content and is static for better performance and SEO

• Set STORYBLOK_VERSION = 'published'
• Use a STORYBLOK_ACCESS_TOKEN with 'public' access level

# generate also creates a sitemap.xml
yarn generate