Supabase‑ты Next.js‑ке интеграциялау

Supabase — ашық бастапқы коды бар Firebase баламасы және әзірлеушілер үшін ыңғайлы платформа.

Орнату

Копировать
1pnpm add @supabase/supabase-js

Клиентті баптау

Копировать
1// lib/supabase.ts
2import { createClient } from '@supabase/supabase-js';
3
4const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
5const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!;
6
7export const supabase = createClient(supabaseUrl, supabaseKey);

Аутентификация

Копировать
1// Кіру
2const { data, error } = await supabase.auth.signInWithPassword({
3  email: 'user@example.com',
4  password: 'password',
5});
6
7// Тіркелу
8const { data, error } = await supabase.auth.signUp({
9  email: 'user@example.com',
10  password: 'password',
11});

Деректермен жұмыс

Копировать
1// Деректерді алу
2const { data, error } = await supabase
3  .from('posts')
4  .select('*')
5  .eq('published', true);
6
7// Жазба қосу
8const { data, error } = await supabase
9  .from('posts')
10  .insert({ title: 'New Post', content: '...' });

Қорытынды

Supabase өз серверіңізді жазбай‑ақ қуатты backend ұсынады. Жобаларды тез іске қосуға өте ыңғайлы.