React + Supabase 全栈项目实战：待办应用

项目概述

本教程将带你用 React + Supabase 构建一个功能完整的待办应用，涵盖认证、CRUD 和实时同步。

数据库设计

CREATE TABLE todos (
id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
user_id UUID REFERENCES auth.users DEFAULT auth.uid(),
title TEXT NOT NULL,
completed BOOLEAN DEFAULT FALSE,
created_at TIMESTAMPTZ DEFAULT NOW()
);

前端实现

const { data } = await supabase.from("todos").select("*").eq("user_id", user.id);

部署上线

使用 Vercel 一键部署前端，Supabase 托管后端。