Bắt Đầu Với Supabase Dễ Dàng Cho Người Mới

SELECT * FROM users;

import { createClient } from '@supabase/supabase-js';

const supabase = createClient('https://your-project.supabase.co', 'public-anon-key');

const { data, error } = await supabase.auth.signUp({
  email: '[email protected]',
  password: 'password123'
});

const { data, error } = await supabase.storage
  .from('bucket-name')
  .upload('path/filename.jpg', file, {
    upsert: false,
    contentType: 'image/jpeg'
  });

Bước 5: Kích hoạt Realtime và lắng nghe thay đổi

Vào Database > Replication, bật SUPABASE_REALM để cho phép Realtime. Trong ứng dụng, lắng nghe thay đổi:

const { data: { insert } } = supabase
  .channel('public')
  .on('postgres_changes', { event: 'INSERT', schema: 'public', table: 'users' }, payload => {
    console.log('New user:', payload.new);
  })
  .subscribe();

Bước 6: Quản lý dữ liệu an toàn với Row Level Security (RLS)

RLS đảm bảo mỗi user chỉ truy cập dữ liệu của mình. Để bật, vào Authentication > Settings và bật Enable RLS. Sau đó, thêm policy:

CREATE POLICY "Users can view own profile" ON users
  FOR SELECT USING (auth.uid() = id);

Bước 7: Tích hợp với frontend (React example)

Cài đặt package:

npm install @supabase/supabase-js

Khởi tạo client:

import { createClient } from '@supabase/supabase-js';

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

Fetch dữ liệu:

const { data, error } = await supabase
  .from('users')
  .select('*')
  .eq('id', userId);

Kết luận

Supabase cung cấp một hệ sinh thái hoàn chỉnh, dễ sử dụng cho cả người mới bắt đầu lẫn developer có kinh nghiệm. Bằng cách làm theo các bước trên, bạn có thể nhanh chóng xây dựng một ứng dụng với database, authentication, và storage chỉ trong vài phút. Hãy bắt đầu với plan miễn phí, thử nghiệm các tính năng, và dần nâng cấp khi dự án phát triển.