Storyblok React Email Tutorial

This repository is alinged with the tutorial to build email templates using Stortblok and Next.js.

This is a Next.js project bootstrapped with create-next-app.

Requirements

To use this project you have to have a Storyblok account. If you don't have one yet you can register at Storyblok, it's free.

How to get started?

1. Clone the repo

  $ git clone https://github.com/storyblok/building-email-templates-tutorial

2. Install all dependecies

$  yarn # or npm install

3. Adding the Access token

Create a new empty Space and exchange the preview token with your own in app/layout.js as well as in api/send/route.js.

storyblokInit({
  accessToken: "your-preview-token",
  // for spaces located in the US:
  // apiOptions: {
  //   region: "us",
  // },
  use: [apiPlugin],
  components,
});

4. Run your project

Set the preview domain in Storyblok to http://localhost:3000/

# to run in developer mode
$ yarn dev # or npm run dev

# to build your project
$ yarn build # or npm run build

Resources

• Building Email Templates with Storyblok
• Link to copy the space
• Next.js docs
• Storyblok Next.js Ultimate Tutorial