Studzy

A modern study companion built with Next.js, TypeScript, Tailwind CSS, and Supabase.

Getting Started

1. Install dependencies

npm install

2. Set up environment variables

Copy the example environment file:

cp .env.local.example .env.local

Fill in your Supabase credentials:

NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_supabase_service_role_key

3. Run the development server

npm run dev

Open http://localhost:3000 in your browser.

Project Structure

src/
├── app/
│   ├── auth/callback/      # OAuth callback handler
│   ├── dashboard/          # Protected dashboard pages
│   ├── login/              # Login page
│   ├── signup/             # Signup page
│   ├── globals.css         # Global styles
│   ├── layout.tsx          # Root layout
│   └── page.tsx            # Landing page
├── components/
│   ├── auth/               # Authentication components
│   ├── dashboard/          # Dashboard components
│   └── ui/                 # Reusable UI components
├── lib/
│   ├── supabase/           # Supabase client configuration
│   └── utils.ts            # Utility functions
└── middleware.ts           # Auth middleware

Deployment

Deploy to Vercel:

npx vercel

Tech Stack

• Next.js 16 - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Supabase - Backend (Auth, Database, Storage)