A Next.js application that helps parents find age-appropriate movies for toddlers by providing detailed scene-by-scene analysis and age-specific ratings.
- Browse movies with age-specific ratings
- View detailed scene breakdowns
- Filter content by age group (12m, 24m, 36m)
- Visual indicators for scene intensity
- Install dependencies:
npm install- Create a
.env.localfile in the root directory with your Supabase credentials:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key-
Set up your Supabase database:
- Create a new project at supabase.com
- Go to the SQL editor
- Run the SQL script from
supabase/migrations/create_tables.sql
-
Run the development server:
npm run dev- Open http://localhost:3000 in your browser
- Next.js 14
- TypeScript
- Tailwind CSS
- Supabase (Database & Authentication)
/src/app- Next.js app router pages/src/lib- Utility functions and configurations/src/types- TypeScript type definitions/supabase- Database migrations and configurations
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.