Передумова
- Наступні 14 (Маршрутизатор програми)
- Попутний вітерCSS
- Supabase Auth
монтаж
Виконайте цю команду, щоб інсталювати Supabase Auth Client
npm install @supabase/supabase-js @supabase/ssr Налаштування Env
Створити новий файл.env.local і встановіть цей ключ із вашим значенням із Supabase
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY= Налаштування клієнта Supabase
Доступ до клієнта Supabase можна отримати двома способами: через клієнтський компонент (браузер) або сервер (компонент сервера, дія сервера, обробник маршруту).
1. Supabase для клієнтського компонента
Створіть новий файл всередині utils/supabase/client.ts і дотримуйтеся цього коду:
import { createBrowserClient } from '@supabase/ssr'export function createClient() {
return createBrowserClient(
process.env.NEXT_PUBLIC_SUPABASE_URL!,
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
)
}
2. Supabase для серверного компонента
