Deploy Web

As Kickstart is built on top of Next.js, vercel platform will be our default choice to hosting both API and Web application as it provides serverless and server-side rendering out of the box.

Deploy to Vercel via GIT

Login to vercel
Click Import Project
Click Import Git Repository
Enter github url for the api repo
Click continue to setup default project root folder
Setup the Environment Variables one by one

Below is the sample for environment variables

NEXT_PUBLIC_API_URL=https://demo.kickstart.app
NEXT_PUBLIC_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN
NEXT_PUBLIC_FIREBASE_DATABASE_URL=YOUR_FIREBASE_DATABASE_URL
NEXT_PUBLIC_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=YOUR_FIREBASE_STORAGE_BUCKET
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID
NEXT_PUBLIC_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID
NEXT_PUBLIC_PUBLISHABLE_KEY=YOUR_PUBLISHABLE_KEY
NEXT_PUBLIC_SENTRY=YOUR_SENTRY_DSN
NEXT_PUBLIC_FATHOM_TRACKING_CODE=YOUR_FATHOM_SITE_ID
NEXT_PUBLIC_SITE_URL=YOUR_DOMAIN_URL
NEXT_PUBLIC_PRISMIC_API_TOKEN=YOUR_PRISMIC_API_TOKEN
NEXT_PUBLIC_PRISMIC_REPOSITORY_NAME=YOUR_PRISMIC_REPOSITORY_NAME
NEXT_PUBLIC_PRISMIC_REPOSITORY_LOCALE=YOUR_PRISMIC_REPOSITORY_LOCALE
NEXT_PUBLIC_CONVERTKIT_SCRIPT=YOUR_CONVERTKIT_SCRIPT_SOURCE
NEXT_PUBLIC_CONVERTKIT_UID=YOUR_CONVERTKIT_DATA_UID

If you have custom domain, add it via Settings > Domains to bind the domain to your api server.

Deploy Web

Deploy to Vercel via GIT#

Deploy to Vercel via GIT