Remix Storyblok Blog Boilerplate

This repository is a Remix Storyblok workshop blog demo.

We have a starter template that you can use from our 5 minute tutorial if you want to start from a scratch.

Requirements

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

How to get started?

Read the Remix tutorial about connecting Storyblok with Remix.

1. Clone the repo

git clone https://github.com/storyblok/storyblok-remix-boilerplate.git

2. Install all dependecies

npm install

3. Clone a space

Clone a Remix Storyblok blog space by clicking this URL: https://app.storyblok.com/#!/build/153407

4. Adding the Access token

Exchange the preview token of your new space with the accessToken in app/root.jsx.

5. Run your project

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

npm run dev

This starts your app in development mode, rebuilding assets on file changes.

6. Deployment

First, build your app for production:

npm run build

Then run the app in production mode:

npm start

Now you'll need to pick a host to deploy it to.

DIY

If you're familiar with deploying node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of remix build

• build/
• public/build/

Using a Template

When you ran npx create-remix@latest there were a few choices for hosting. You can run that again to create a new project, then copy over your app/ folder to the new project that's pre-configured for your target server.

cd ..
# create a new project, and pick a pre-configured host
npx create-remix@latest
cd my-new-remix-app
# remove the new project's app (not the old one!)
rm -rf app
# copy your app over
cp -R ../my-old-remix-app/app app

Resources

• Remix Docs
• Storyblok Tutorial