`DEPLOY.md`

91 lines
# 🚀 Deployment Instructions for SixtySevenly

## Quick Deploy to Vercel

### Option 1: Using Vercel CLI (Recommended)

1. **Install Vercel CLI** (if not installed):
   ```bash
   npm i -g vercel
   ```

2. **Login to Vercel**:
   ```bash
   vercel login
   ```

3. **Deploy** (from the project directory):
   ```bash
   vercel
   ```

   Follow the prompts:
   - Set up and deploy? **Y**
   - Which scope? Choose your account
   - Link to existing project? **N** (first time)
   - Project name? Press enter or type a custom name
   - Directory? Press enter (current directory)

4. **Deploy to Production**:
   ```bash
   vercel --prod
   ```

### Option 2: Using Vercel Web Interface

1. Go to [vercel.com](https://vercel.com)
2. Click "Add New..." → "Project"
3. Import your Git repository (or drag and drop this folder)
4. Vercel will auto-detect Next.js
5. Click "Deploy"

## Local Development

```bash
# Install dependencies
npm install

# Run development server
npm run dev
```

Open [http://localhost:3000](http://localhost:3000)

## Build for Production

```bash
npm run build
npm start
```

## Testing on Mobile (iOS/Mac)

### Method 1: Using Local Network
1. Run `npm run dev`
2. Find your computer's local IP address:
   - Mac: System Preferences → Network → Your IP
   - Or run: `ipconfig getifaddr en0`
3. On your phone, open browser and go to: `http://YOUR_IP:3000`

### Method 2: After Deployment
- Simply visit your Vercel URL on any device
- Vercel provides HTTPS automatically

## Features Tested For

✅ Responsive design for mobile (iOS/Android)
✅ Touch-friendly buttons and inputs
✅ Proper viewport scaling
✅ Fast loading on mobile networks
✅ Works on all modern browsers

## Environment

- Node.js 18+ recommended
- Works on macOS, Windows, Linux
- Mobile optimized for iOS Safari, Chrome, Firefox

## Need Help?

Check the main [README.md](README.md) for more details!