Supabase Auth UI FR

Un module React pour l'authentification Supabase avec une interface en français.

Installation

npm install supabase-auth-ui-fr

Utilisation

import { createClient } from '@supabase/supabase-js';
import { AuthProvider, LoginForm, SignUpForm, ProtectedRoute } from 'supabase-auth-ui-fr';

const supabase = createClient(
  process.env.VITE_SUPABASE_URL,
  process.env.VITE_SUPABASE_ANON_KEY
);

const authConfig = {
  supabaseClient: supabase,
  redirects: {
    afterLogin: '/dashboard',
    afterSignUp: '/dashboard',
    whenNotAuthenticated: '/login'
  },
  // Optionnel : personnalisation des textes
  translations: {
    login: {
      title: 'Connexion',
      submitButton: 'Se connecter',
      // ...
    },
    signUp: {
      title: 'Créer un compte',
      submitButton: 'S\'inscrire',
      // ...
    }
  }
};

function App() {
  return (
    <AuthProvider config={authConfig}>
      <Routes>
        <Route path="/login" element={<LoginForm config={authConfig} />} />
        <Route path="/signup" element={<SignUpForm config={authConfig} />} />
        <Route
          path="/dashboard"
          element={
            <ProtectedRoute>
              <Dashboard />
            </ProtectedRoute>
          }
        />
      </Routes>
    </AuthProvider>
  );
}