A simple meeting booking page that integrates with Google Calendar.
- M-F 9am-5pm availability
- 30 min or 1 hour meeting slots
- Checks your calendar for conflicts
- Creates events and sends invites
- Go to Google Cloud Console
- Create a new project (or use existing)
- Enable the Google Calendar API
- Create OAuth 2.0 credentials:
- Go to APIs & Services → Credentials
- Create OAuth client ID (Web application)
- Add
http://localhost:3000to authorized redirect URIs
- Note your Client ID and Client Secret
Run this one-time to get your refresh token:
# Install oauth playground or use Google's OAuth Playground:
# https://developers.google.com/oauthplayground/
# Select Google Calendar API v3 scope
# Exchange authorization code for tokens
# Copy the refresh_tokenCreate .env.local in the project root:
GOOGLE_CLIENT_ID=your_client_id
GOOGLE_CLIENT_SECRET=your_client_secret
GOOGLE_REFRESH_TOKEN=your_refresh_token
GOOGLE_CALENDAR_ID=your_email@gmail.com
- Push to GitHub
- Connect to Vercel
- Add environment variables in Vercel dashboard
- Deploy!
npm install
npm run devVisit http://localhost:3000