MaX Network - RailWire Broadband Web App

High-speed fiber broadband service website powered by RailWire, serving Agra and surrounding areas.

Tech Stack

• Vite (build tool)
• Vanilla JavaScript
• Supabase (database)
• Google Apps Script (email notifications)

Deployment on Vercel

Prerequisites

1. A Vercel account (sign up at vercel.com)
2. Supabase project set up
3. Google Apps Script deployed for email notifications

Quick Deploy

Manual Deployment Steps

1. Install Vercel CLI (optional)

   npm i -g vercel

2. Push your code to GitHub/GitLab/Bitbucket

3. Import to Vercel

   • Go to vercel.com/new
   • Import your repository
   • Vercel will auto-detect Vite configuration

4. Configure Environment Variables

   In Vercel dashboard, add these environment variables:

   • VITE_SUPABASE_URL - Your Supabase project URL
   • VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY - Your Supabase anon/public key
   • VITE_GAS_EMAIL_URL - Your Google Apps Script web app URL

5. Deploy

   • Click "Deploy"
   • Vercel will build and deploy automatically

Local Development

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Environment Setup

1. Copy .env.example to .env
2. Fill in your actual credentials
3. Never commit .env to version control

Database Setup

Run the SQL script in your Supabase project:

# Execute supabase_setup.sql in your Supabase SQL editor

Continuous Deployment

Once connected to Vercel:

• Every push to main branch triggers automatic deployment
• Pull requests get preview deployments
• Environment variables are inherited from project settings

Project Structure

├── index.html          # Main HTML file
├── src/
│   ├── main.js        # JavaScript entry point
│   ├── style.css      # Styles
│   └── supabase.js    # Supabase client
├── public/            # Static assets
├── vercel.json        # Vercel configuration
└── package.json       # Dependencies

Support

For issues or questions, contact support through the website contact form.