DEPLOYMENT GUIDE

Deploy to Netlify

Get your TeamPro Management platform live in just 5 minutes. No Git, no command line expertise required!

5 min
Total Time
3 Steps
Simple Process
$0
Completely Free

What You Need

Your Project Files
You already have these!
A Web Browser
Chrome, Firefox, Safari, etc.
5 Minutes
That's all it takes!
No Git Required
Zero technical skills needed
1

Build Your Project

Takes about 2 minutes

Open Terminal/Command Prompt:

  • Windows: Press Win + R, type "cmd", press Enter
  • Mac: Press Cmd + Space, type "Terminal", press Enter
  • Linux: Press Ctrl + Alt + T

Navigate to Your Project:

cd path/to/your/teampro-management-project

Build the Project:

npm run build

Wait 30-60 seconds. A "dist" folder will be created in your project.

2

Deploy to Netlify Drop

Takes about 1 minute

Go to Netlify Drop:

Open Netlify Drop

Find Your "dist" Folder:

In your project folder, locate the "dist" folder that was created in Step 1.

Drag and Drop:

Drag the entire "dist" folder here

Upload takes 10-20 seconds

Get Your Live URL:

Netlify will show you a URL like: random-name-123456.netlify.app

Save this URL!

3

Add Environment Variables

⚠️ CRITICAL: Your site won't work without these!

You must create a Netlify account to add environment variables

Access Site Settings:

  1. Go to your Netlify dashboard
  2. Click on your site
  3. Go to "Site settings"
  4. Click "Environment variables" in sidebar
  5. Click "Add a variable"

Add Supabase URL:

Key:VITE_PUBLIC_SUPABASE_URL
Copy the value from your .env file

Add Supabase Anon Key:

Key:VITE_PUBLIC_SUPABASE_ANON_KEY
Copy the value from your .env file

Redeploy:

  1. Go to "Deploys" tab
  2. Click "Trigger deploy" → "Deploy site"
  3. Wait 30 seconds
  4. Your site is now fully functional! 🎉

Test Your Live Site

Homepage Tests:

  • Page loads without errors
  • Images display correctly
  • Navigation menu works

Equipment Store:

  • Products display correctly
  • Filters work properly
  • "Order Now" buttons work

Payment Flow:

  • Stripe checkout opens
  • Test card works (4242...)
  • Order completes successfully

Mobile Tests:

  • Site works on mobile
  • Navigation responsive
  • Buttons are clickable

Troubleshooting

Issue: Site Shows "Page Not Found"

Solution:

  • Make sure you uploaded the "dist" folder, not the entire project
  • The "dist" folder should contain "index.html" and "assets" folder

Issue: Products Don't Load / Blank Pages

Solution:

  • Environment variables not added
  • Go to Site Settings → Environment Variables
  • Add both Supabase variables
  • Redeploy the site

Issue: "Order Now" Buttons Don't Work

Solution:

  • Check browser console (Press F12)
  • Verify Supabase environment variables are correct
  • Check Stripe is connected in Supabase

Congratulations! You're Live!

Your TeamPro Management platform is now accessible worldwide, secure with HTTPS, and ready for customers!

Back to Homepage

Share This Page

Spread the word!

Share
Talk with Us