https://github.com/premieroctet/rio-storyblok-example

https://github.com/premieroctet/rio-storyblok-example

Last synced: 12 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/premieroctet/rio-storyblok-example
• Owner: premieroctet
• Created: 2024-10-15T17:04:20.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T16:58:25.000Z (3 months ago)
• Last Synced: 2024-11-14T14:17:03.612Z (2 months ago)
• Language: TypeScript
• Homepage: https://rio-storyblok-example.vercel.app
• Size: 119 KB
• Stars: 0
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Next.js app router with Storyblok and Redirection.io

Project demo demonstrating the setup of :

- Next.js app router and Draft mode

- Storyblok

- Redirection.io

## How to use it ?

1. Clone the repository

2. Create a `.env` file with the following variables :

   - `REDIRECTIONIO_TOKEN`

   - `NEXT_PUBLIC_STORYBLOK_ACCESS_TOKEN`

3. Run `yarn install`

4. Run `yarn dev`

5. Go to http://localhost:3000/

This app exposes two endpoints :

- `/api/draft` : enable draft mode

- `/api/disable-draft` : disable draft mode

## How to setup Redirection.io ?

1. Go to https://redirection.io/

2. Create an account

3. Create a new project

4. Get the API key

5. Set the API key in the `.env` file

## How to setup Storyblok ?

1. Go to https://app.storyblok.com/

2. Create an account

3. Create a new space

4. Get the access token

5. Set the access token in the `.env` file

Add the preview URLs in the settings of your project in Storyblok :

![Storyblok Preview URLs](preview-urls.png)