Stackbit automatically deploys your site using the default deployment and hosting methods. You can still deploy your code to Vercel. Learn more about Stackbit's deployment options.

Let's take a look at how you can deploy a site created with Stackbit to Vercel.

Transfer GitHub Repo

If you haven't done so already, you'll want to transfer the code to your GitHub account.

Create Vercel Project

Go to vercel.com/new to start the process. Choose the project you'd like to create.

Vercel Import - Choose Repo

After choosing the repo, you can configure the project before deploying. You should not have to make any changes here, as Vercel typically figures out what to do based on your build script.

Vercel Import - Configuration

You'll know it worked when you see confetti falling on your screen! 🎉

Vercel Import Success

Using Stackbit's Forms

If you are using Stackbit's forms, there's a bit more work to get them functioning in your Vercel deployment.

  1. Remove next export from your build script in package.json. See this guide for more information.
  2. Follow this guide to create a duplicate of the default form submission function as an API route. (Note: You'll have already enabled server-side features in the previous step.)
  3. Then follow this guide to obtain and configure the appropriate environment variables.