Check out the live demo of SaaSup at https://saaasup.vercel.app.
Click the button below to open the project in StackBlitz for preview and experimentation:
Feel free to explore the code, make changes, and see the results in real-time!
Make sure to install the dependencies:
# pnpm
pnpm install
Storyblok v2 requires your app to be served via HTTPS. Please follow the steps below to enable this in a Nuxt 3 project.
-
Install
mkcert
on your system: The installation instructions for macOS, Windows and Linux can be found in the mkcert Github repository. -
Change the following in your package.json:
nuxt dev
->NODE_TLS_REJECT_UNAUTHORIZED=0 nuxt dev --https --ssl-cert localhost.pem --ssl-key localhost-key.pem
-
Create a valid certificate by running the following command in your project folder:
mkcert localhost
IMPORTANT: Add this to your project’s to gitignore
# HTTPS Proxy certificates
localhost.pem
localhost-key.pem
- Install the Storyblok CLI:
npm i -g storyblok
- Login using storyblok login in your terminal
- In your project directory, save the schema of your Storyblok components in a
.json
file by runningstoryblok pull-components --space SPACE_ID
- Install storyblok-generate-ts:
pnpm add -D storyblok-generate-ts
- Add the following command to your package.json:
"generate-sb-types": "storyblok-generate-ts source=./components.[SPACE_ID].json target=./component-types-sb"
- Generate the types:
pnpm generate-sb-types
- Import the type in each component, for example:
import type { PageStoryblok } from '../component-types-sb'
- Remember to rerun the
pull-components
andgenerate-sb-types
scripts after you’ve made changes to your component schema in your Storyblok space
Please refer to the documentation of Storyblok CLI and storyblok-generate-ts for advanced use cases, customization options, and more.
Start the development server on http://localhost:3000
pnpm dev
Build the application for production:
pnpm build
Locally preview production build:
pnpm preview
Check out the deployment documentation for more information.
Special thanks to VictorFlow for the fantastic design that served as an inspiration for this project.