|
| 1 | +## 🚀 DEPLOYMENT INSTRUCTIONS |
| 2 | + |
| 3 | +### Step 1: Create GitHub Repository |
| 4 | + |
| 5 | +1. **Go to GitHub** and create a new repository: |
| 6 | + - Name: `snap2slides-pro` |
| 7 | + - Description: `AI-powered presentation generator that transforms images into professional slides` |
| 8 | + - Make it **Public** (for easy deployment) |
| 9 | + |
| 10 | +2. **Connect local repository to GitHub**: |
| 11 | + ```bash |
| 12 | + git remote add origin https://github.com/YOUR_USERNAME/snap2slides-pro.git |
| 13 | + git branch -M main |
| 14 | + git push -u origin main |
| 15 | + ``` |
| 16 | + |
| 17 | +### Step 2: Deploy to Vercel |
| 18 | + |
| 19 | +#### Option A: Vercel CLI (Recommended) |
| 20 | +```bash |
| 21 | +# Install Vercel CLI |
| 22 | +npm install -g vercel |
| 23 | + |
| 24 | +# Login to Vercel |
| 25 | +vercel login |
| 26 | + |
| 27 | +# Deploy from this directory |
| 28 | +vercel |
| 29 | + |
| 30 | +# Follow the prompts: |
| 31 | +# - Set up and deploy? Y |
| 32 | +# - Which scope? (your account) |
| 33 | +# - Link to existing project? N |
| 34 | +# - Project name: snap2slides-pro |
| 35 | +# - In which directory is your code located? ./ |
| 36 | +# - Override settings? N |
| 37 | +``` |
| 38 | + |
| 39 | +#### Option B: Vercel Dashboard |
| 40 | +1. Go to [vercel.com](https://vercel.com) |
| 41 | +2. Click "New Project" |
| 42 | +3. Import your GitHub repository |
| 43 | +4. Configure: |
| 44 | + - **Framework Preset**: Next.js |
| 45 | + - **Root Directory**: ./ |
| 46 | + - **Build Command**: `npm run build` |
| 47 | + - **Output Directory**: `.next` |
| 48 | + - **Install Command**: `npm install` |
| 49 | + |
| 50 | +### Step 3: Environment Variables |
| 51 | + |
| 52 | +**In Vercel Dashboard**, go to Project Settings → Environment Variables and add: |
| 53 | + |
| 54 | +``` |
| 55 | +GOOGLE_API_KEY=your_gemini_api_key_here |
| 56 | +NODE_ENV=production |
| 57 | +``` |
| 58 | + |
| 59 | +### Step 4: Custom Domain (Optional) |
| 60 | + |
| 61 | +1. In Vercel Dashboard → Domains |
| 62 | +2. Add your custom domain |
| 63 | +3. Configure DNS records as shown |
| 64 | + |
| 65 | +--- |
| 66 | + |
| 67 | +## ✅ POST-DEPLOYMENT CHECKLIST |
| 68 | + |
| 69 | +### Verify Deployment |
| 70 | +- [ ] Site loads at Vercel URL |
| 71 | +- [ ] File upload works |
| 72 | +- [ ] API endpoints respond |
| 73 | +- [ ] Mobile compatibility |
| 74 | +- [ ] CORS headers working |
| 75 | +- [ ] Error handling functional |
| 76 | + |
| 77 | +### Performance Check |
| 78 | +- [ ] Lighthouse score > 90 |
| 79 | +- [ ] Mobile page speed optimized |
| 80 | +- [ ] Images loading properly |
| 81 | +- [ ] API responses under 5s |
| 82 | + |
| 83 | +### Production Settings |
| 84 | +- [ ] Environment variables set |
| 85 | +- [ ] Error monitoring enabled |
| 86 | +- [ ] Analytics configured |
| 87 | +- [ ] Domain configured (if applicable) |
| 88 | + |
| 89 | +--- |
| 90 | + |
| 91 | +## 🔗 YOUR DEPLOYMENT URLS |
| 92 | + |
| 93 | +After deployment, you'll get URLs like: |
| 94 | +- **Production**: `https://snap2slides-pro.vercel.app` |
| 95 | +- **Preview**: `https://snap2slides-pro-git-main-username.vercel.app` |
| 96 | + |
| 97 | +--- |
| 98 | + |
| 99 | +## 🛠️ POST-DEPLOYMENT UPDATES |
| 100 | + |
| 101 | +To update your deployed app: |
| 102 | +```bash |
| 103 | +# Make changes to your code |
| 104 | +git add . |
| 105 | +git commit -m "your update message" |
| 106 | +git push |
| 107 | + |
| 108 | +# Vercel automatically redeploys on push to main branch |
| 109 | +``` |
| 110 | + |
| 111 | +--- |
| 112 | + |
| 113 | +## 📊 MONITORING & ANALYTICS |
| 114 | + |
| 115 | +### Vercel Analytics |
| 116 | +- Automatically enabled for performance monitoring |
| 117 | +- View in Vercel Dashboard → Analytics |
| 118 | + |
| 119 | +### Error Monitoring |
| 120 | +Consider adding: |
| 121 | +- Sentry for error tracking |
| 122 | +- LogRocket for user session replay |
| 123 | +- Google Analytics for usage stats |
| 124 | + |
| 125 | +--- |
| 126 | + |
| 127 | +**🎉 Your Snap2Slides Pro is now live and ready for users!** |
0 commit comments