本章节做一个 Nextjs 的补充知识：多语言与主题的切换

本章节，我们基于前面学习的知识，做一个简单的TodoList示例。

只是展示前边说过的几个库的用法，所以一切从简，不会考虑太多实际开发中的情况

比如删除是真删除，尽量只用一个表演示下各种用法

Prisma 是 Nodejs, TypeScript 的下一代数据库 ORM

由以下几部分组成：

• Prisma Client - 类型安全的查询生成器
• Prisma Migrate - 迁移工具
• Prisma Studio - 数据库GUI

我们本章节不会涉及到过多的内容 , 专注于以下几点：

• Schema - 数据库的表结构定义
• Client - 客户端工具 CRUD 的基本用法
• Migrate - 数据迁移的操作方法

React Query 有三个核心概念：

• Queries - 查
• Mutations - 增删改
• Query Invalidation - 查询失效（重新查询）

ShadcnUI 并不是一个组件库，不通过 npm 分发，而是可重用组件的集合，可以将组件代码复制到自己的应用中使用，并根据自己的需求对其进行调整、自定义，代码是我们自己的。

从Nextjs13开始，更推荐使用App Router，我们也基于App Router来展开。

我们通过 npx create-next-app@latest 创建项目并使用其默认选项。