This is a Next.js project bootstrapped with create-next-app.
A complete event ticket system built with Next.js 15 and Supabase, featuring ticket generation, verification, and party management capabilities.
- Ticket Generation: Create tickets with QR codes and payment verification
- Ticket Verification: Real-time verification system for event entry
- Admin Dashboard: Complete management interface for event organizers
- Progress Tracking: Dynamic event goals and progress meters
- Feature Flags: Toggle party features and ticket goals on/off
The application includes feature flags to control the display of party-related features:
Add these to your .env.local file:
# Feature Flags
NEXT_PUBLIC_SHOW_TICKET_GOALS=false # Controls ticket goals and progress meters
NEXT_PUBLIC_SHOW_PARTY_INFO=false # Controls party information display- When
true: Shows ticket goals, progress meters, and achievement tracking - When
false: Hides all goal-related features across the application - Affects:
- EventProgressMeter component
- EventProgressMeterCompact component
- LiveActivityFeed goal achievements
- Admin dashboard goal statistics
- When
true: Shows party promotional content and event information - When
false: Hides party-related sections (useful after event ends) - Affects:
- PartyPromo component on home page
- Event progress display
- Live activity feed
- Before Event: Set both flags to
trueto show all features - During Event: Keep flags as
truefor live tracking - After Event: Set both flags to
falseto hide party content - Future Events: Set
NEXT_PUBLIC_SHOW_PARTY_INFO=trueandNEXT_PUBLIC_SHOW_TICKET_GOALS=falseto show party info without goals
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.
- Copy
.env.local.exampleto.env.local - Configure your Supabase credentials
- Set feature flags according to your needs
- Configure email settings (Resend API key)
src/
├── app/ # Next.js app router pages
├── components/ # React components
│ ├── site/ # Site-wide components
│ ├── tickets/ # Ticket-related components
│ └── ui/ # UI components
├── lib/ # Utility libraries
│ ├── feature-flags.ts # Feature flag configuration
│ ├── ticket-service.ts # Ticket business logic
│ └── party-config.ts # Event configuration
└── types/ # TypeScript definitions
- TicketForm: Main ticket creation interface
- TicketVerification: QR code verification system
- EventProgressMeter: Interactive progress tracking
- LiveActivityFeed: Real-time activity updates
- PartyPromo: Event promotional content
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.
For detailed ticket system documentation, see TICKETS_README.md.
MIT License - see LICENSE file for details.