This is a Next.js project bootstrapped with create-next-app.
Create a .env.local file in the root directory with the following variables:
# Supabase Configuration
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
# Email Configuration (for notifications)
EMAIL_HOST=smtp.gmail.com
EMAIL_PORT=587
EMAIL_USER=your_email@gmail.com
EMAIL_PASSWORD=your_app_password
EMAIL_FROM=your_email@gmail.com
# Admin Emails (comma-separated list for keep-alive failure alerts)
ADMIN_EMAILS=admin1@example.com,admin2@example.com,admin3@example.com
# Other configurations...The ADMIN_EMAILS environment variable is used for Supabase keep-alive monitoring:
- Accepts multiple email addresses separated by commas
- All listed administrators will receive immediate alerts when the Supabase connection fails
- Keep-alive checks run every hour (24 times per day) via GitHub Actions
- Example:
ADMIN_EMAILS=dev@example.com,ops@example.com,manager@example.com
Note: The automated keep-alive system helps prevent Supabase project from going inactive by sending regular health checks every hour.
To test the email notification system:
- Go to GitHub Actions → "Supabase Keep-Alive" workflow
- Click "Run workflow"
- Check the "Debug mode" checkbox
- Run the workflow
When debug mode is enabled, emails will be sent to all admin addresses regardless of success/failure status, allowing you to verify the notification system is working correctly.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.