This is a simple authentication system using Supabase and Astro.
- Register
- Login
- Logout
- Dashboard
- Social Login (GitHub, Google)
- Email Login
- Create a Supabase project
- Enable the OAuth providers in Supabase Auth
- Add the Supabase URL and anon key to the .env file
- Run the development server
npm install
npm run devSUPABASE_URL=https://your-project.supabase.co
SUPABASE_ANON_KEY=your-anon-key
/src
├── components/
│ ├── AuthForm.tsx
│ ├── LoginForm.tsx
│ ├── RegisterForm.tsx
│ ├── ui/
│ │ ├── button.tsx
│ │ ├── card.tsx
│ │ ├── input.tsx
│ │ └── ...
│ └── layouts/
│ └── Layout.astro
├── lib/
│ └── supabase.ts
├── pages/
│ ├── index.astro
│ ├── dashboard.astro
│ ├── signin.astro
│ └── register.astro
├── api/
│ └── auth/
│ ├── callback.ts
│ ├── signin.ts
│ └── logout.ts
└── styles/
└── globals.css