This is a NextJS wedding RSVP application with an admin dashboard for managing guest responses.
Before running this application, you must set up your environment variables:
-
Create
.env.localin the root directory with your credentials:# Database Configuration REPLIT_DB_URL=your-database-url-here # Admin Authentication ADMIN_EMAIL=your-admin-email@example.com ADMIN_PASSWORD=your-secure-password-here # Google Maps API (if needed) GOOGLE_MAPS_API_KEY=your-google-maps-api-key # Development settings NODE_ENV=development
-
Never commit
.env.localto version control (it's already in .gitignore) -
Replace placeholder values in the code:
- Update the contact email in the footer (
pages/index.tsx) - Review other placeholder values throughout the application
- Update the contact email in the footer (
After setting up your environment variables:
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 in your browser
- Multi-language support (English/Spanish)
- Guest RSVP form with meal preferences and dietary restrictions
- Admin dashboard for managing responses
- Google Maps integration for guest locations
- CSV export functionality
- Responsive design
Access the admin dashboard at /admin using the credentials you set in your environment variables.
The pages/api directory contains API endpoints for:
- RSVP submission
- Admin authentication
- Guest management
- Data export
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.
To deploy your application:
- Ensure all environment variables are set in your deployment environment
- Run
npm run buildto create a production build - Use Repl Deployments or your preferred hosting platform