使用 Next.js App Router 和 Supabase 构建 Twitter 克隆

Build a Twitter Clone with the Next.js App Router and Supabase

Next.js 应用程序路由器正在引领 Web 开发的下一个时代。应用程序路由器首次利用 React Server 组件。

React Server 组件仅在服务器上运行，并为 React 开发人员引入了一套全新的决策。

当您使用服务器组件时，您可以直接访问后端。将其与 Next.js 服务器操作相结合，您就可以使用一些强大的模式来访问和更改数据，就像您需要的那样。

伴随着这些力量而来的是你需要驾驭的新概念和思维模型。您将遇到的直接挑战之一是在组件中声明“use client”或。“use server”

在本课程中，您将通过使用Next.js App Router 和 Supabase构建 twitter 克隆应用程序来了解这些新模式 。

当您构建类似 Twitter 的功能时，您将学习如何导航这些新概念来实现全栈应用程序。

在 Next.js 方面，您将了解：

• 客户端组件
• 服务器组件
• 路由处理程序
• 服务器操作
• 中间件
• 实施乐观 UI

在后端（通过 Supabase）您将了解：

• 配置 Supabase Auth 使用 cookie
• 使用行级安全性 (RLS) 策略来实现授权
• 跨多个表查询数据
• 使用 Supabase CLI 内省 PostgreSQL 架构以生成 TypeScript 定义
• 订阅实时数据库更改

本课程深入探讨现代 Web 开发，我很高兴看到您将在另一边构建什么！🚀