06.Deployment_Guide

📤 Deployment Guide

🌐 Deploying on GitHub Pages

1. Update vite.config.js

   export default defineConfig(({ command }) => ({
     plugins: [react()],
     base: command === 'build' ? '/CanvasCelebration/' : '/',
   }));

2. Update package.json

   "scripts": {
     "predeploy": "npm run build",
     "deploy": "gh-pages -d dist"
   }

3. Run Deployment Commands

   npm run deploy

✅ Your project will be available at:
https://yourusername.github.io/CanvasCelebration/

➡ For further troubleshooting, visit: FAQ