Overview

This document outlines the step-by-step process to deploy the ShapeShift.com website using a Next.js stack with Strapi for content management, fully integrated with GitHub and Vercel (Pro plan). The deployment is SSR-ready with server-side rendering capabilities.

1️⃣ Prerequisites

• A GitHub repository with the complete Next.js and Strapi project.
• A Vercel Pro account for production deployment.
• Required environment variables for both Next.js and Strapi.
• A custom domain (e.g., shapeshift.com) ready for configuration.

2️⃣ Connecting GitHub to Vercel

1. Log into Vercel (https://vercel.com/).
2. Click "New Project".
3. Import your GitHub repository.
4. Select the appropriate repository containing the Next.js frontend.
5. Click "Deploy" (we will configure settings in the next steps).

3️⃣ Configuring Deployment Settings

Once the repository is imported:

1. Go to Project Settings → Build & Development.
2. Set the following:
   • Framework Preset: Next.js
   • Build Command: npm run build
   • Install Command: npm install
   • Output Directory: .next
   • Development Command: npm run dev