Generate API keys for Vercel projects

To set up your project on Vercel, follow the steps bellow:

  1. On the Deploy on Vercel page, name your repository and click on Create:

  2. Create an account or Sign in to Outstatic with your GitHub account.

  3. Create a new project by connecting it to the repository Vercel created on step 1.

  1. In your project page, find API Keys on the sidebar and click on it.
  2. Copy and paste the link below as your Callback Origin (we will change this later).
https://localhost:3000/outstatic
  1. Click Add Origin.
  2. Click on Generate API Key and copy it. (Don't close this browser tab, we will return to it).
  3. Return to the Deploy on Vercel page. Paste the api key in the Add Environment Variables section and lick on Deploy.

  1. Click on Deploy

When the deploy finishes, open your site. To access the dashboard, add /outstatic to your site URL:

Example: https://myblog.vercel.app/outstatic

You should see this page:

  1. Now go back to API Keys in Outstatic and add the final production callback URL, ex: https://myblog.vercel.app/outstatic
  2. Return to /outstatic, and click Sign in with GitHub again.

Congratulations! Now you have a website with a full-featured dashboard to edit your content.

To develop your Vercel deployed website locally, please check the Local Development page.

We recommend you learn how Outstatic manages content and also how to fetch content from your front end.