一个使用Supabase的小项目

起因#

最近在 Bilibili 上看到了关于 Supabase 的介绍视频，被它“无需后端，也能拥有完整数据库能力”的特性深深吸引。于是，我决定动手实践，用 Supabase 搭建了一个纯前端的网站——一个开放的「便签墙」！

传统网站若要实现数据持久化，通常需要搭建服务器、配置数据库、编写后端接口，并通过 API 与前端通信。整个流程不仅繁琐，对初学者也不够友好，部署和维护成本也较高。

而 Supabase 正好解决了这些问题。它基于强大的 PostgreSQL 数据库，提供开箱即用的实时数据库、身份认证、对象存储等后端能力。开发者无需编写一行后端代码，就能直接实现完整的 CRUD（增删改查）操作。

由于我对 Supabase 还不太熟悉，暂时还不敢用在旧项目里，于是决定从零开始，用一个简单的小项目练练手——这就是「便签墙」的由来。（其实……也是因为月底了，GitHub Copilot 的额度还没用完 😅）

这是一个任何人都可以匿名访问、自由留言的小站。你可以留下一句鼓励、一个想法、一段心情，甚至只是打个招呼。每张便签都像现实中的便利贴，支持随意拖动、自由排布。

最关键的是：所有的留言内容都会实时同步并持久化存储到 Supabase 的云端数据库中，而不是仅保存在本地浏览器缓存里。这意味着，无论谁在何时访问这个网站，都能看到大家共同“贴”上去的便签，真正实现了多人共享、实时互动的体验。

目前，这个「便签墙」已经部署在 Netlify 上，完全公开访问。

你只需点击本博客顶部导航栏中「项目」菜单下的 “便签墙” 链接，即可立即体验！

欢迎留下你的第一张便签 📌