Skip to content

Latest commit

 

History

History
101 lines (73 loc) · 2.15 KB

File metadata and controls

101 lines (73 loc) · 2.15 KB

Deployment Guide - Level Up Supplements

Quick Deploy Options

Option 1: Vercel (Recommended - Easiest)

  1. Install Vercel CLI:

    npm install -g vercel
  2. Deploy:

    vercel
  3. Add environment variables in Vercel Dashboard:

    • Go to your project settings
    • Add VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY

OR Deploy via GitHub:

  • Push code to GitHub
  • Go to https://vercel.com
  • Import your repository
  • Add environment variables
  • Deploy

Option 2: Netlify

  1. Install Netlify CLI:

    npm install -g netlify-cli
  2. Deploy:

    netlify deploy --prod
  3. Add environment variables in Netlify Dashboard

OR Deploy via GitHub:

  • Push code to GitHub
  • Go to https://netlify.com
  • Import your repository
  • Build command: npm run build
  • Publish directory: dist
  • Add environment variables

Option 3: Manual Deployment (Any Host)

  1. Build the project:

    npm install
    npm run build
  2. Upload the dist folder to your web host

  3. Configure environment variables on your hosting platform

  4. Ensure your server serves index.html for all routes (SPA routing)

Environment Variables Required

Your hosting platform needs these environment variables:

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

Important Notes

  • The .env file is NOT included in the zip for security
  • You'll need to recreate it or add environment variables directly to your hosting platform
  • The node_modules folder is NOT included (it will be installed during build)
  • Supabase database is already configured and running

Build Requirements

  • Node.js 18 or higher
  • npm 9 or higher

Post-Deployment

After deployment, test:

  1. All pages load correctly
  2. Footer links work
  3. Contact form submissions
  4. Newsletter subscriptions
  5. Navigation between pages

Supabase Configuration

Your Supabase database is already set up with:

  • Contact submissions table
  • Newsletter subscriptions table
  • CMS tables for content management

Make sure to add the environment variables from your .env file to your hosting platform's configuration.