Que fait nextjs-supabase-auth ?
Intégration experte de Supabase Auth avec le routage d'application Next.js
Description
Ce skill permet de configurer facilement l'authentification avec Supabase dans un projet Next.js utilisant l'App Router. Il gère les sessions utilisateur, les pages de connexion et la protection des routes.
Utilisation
- Créez un projet Next.js avec l'App Router.
- Configurez votre projet Supabase et obtenez les clés API.
- Installez les dépendances nécessaires :
npm install @supabase/supabase-js @supabase/ssr
- Configurez les variables d'environnement dans le fichier
.env.local:
NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
- Créez un fichier de configuration pour le client Supabase :
// lib/supabase.ts
import { createClient } from '@supabase/supabase-js'
const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
export const supabase = createClient(supabaseUrl, supabaseAnonKey)
- Mettez en place l'authentification avec les routes API et les middlewares.
Notes
- Ce skill est destiné aux projets utilisant le routage d'application Next.js.
- Assurez-vous d'avoir un projet Supabase actif.
- Les clés API doivent être stockées de manière sécurisée.