NextJS + Drizzle -- 我在启动新项目时学到的8件事

📝

内容提要

作者通过构建Historio，一个探索历史的网页应用，分享了学习NextJS和Drizzle的经验，包括运行TS脚本、执行异步函数、设置Drizzle模型公共字段，以及使用Cloudflare Pages部署静态网站。

🎯

关键要点

• 作者正在构建一个名为Historio的网页应用，以探索历史和书籍。

• 通过终端运行TS脚本来测试和迭代后端代码。

• 异步函数在forEach中并行执行，而不是按顺序执行。

• 使用抽象模型在Drizzle中设置公共字段，以确保模型一致性。

• 使用Cloudflare Pages部署静态网站，简化了部署过程。

🔎

延伸解读

使用TS脚本的优势

通过在终端运行TS脚本，作者能够快速测试和迭代后端代码。这种方法不仅提高了调试效率，还避免了构建前端的复杂性，适合初学者和快速开发的场景。

异步函数的执行方式

作者提到异步函数在forEach中并行执行，这可能导致意外的结果。使用传统的for循环可以确保按顺序执行，避免潜在的逻辑错误，开发者在处理异步操作时需特别注意这一点。

Drizzle模型的设计模式

通过使用抽象模型，作者在Drizzle中实现了公共字段的设置。这种设计模式有助于保持模型的一致性，减少重复代码，适合需要多个模型共享相同字段的项目。

简化静态网站部署

作者选择使用Cloudflare Pages进行静态网站的部署，强调了其简便性。对于小型项目或初学者来说，这种方式可以大大降低部署的复杂度，值得考虑。

❓

延伸问答

如何在终端运行TS脚本来测试后端代码？

可以通过使用TSX命令在终端运行TS脚本，例如使用命令'npx tsx scripts/scriptProcessBook.ts'来提取历史书籍中的事件。

在NextJS中如何正确执行异步函数？

异步函数在forEach中会并行执行，正确的做法是使用传统的for循环来按顺序执行，例如'for (let i = 0; i < 10; i++) doSomething()'。

Drizzle中如何设置模型的公共字段？

可以通过定义一个包含公共字段的对象，并在模型定义中展开该对象来设置公共字段，例如使用'BASE_SCHEMA_FIELDS'来确保模型一致性。

如何使用Cloudflare Pages部署静态网站？

使用Cloudflare Pages部署静态网站非常简单，只需将静态网站的zip文件拖放到页面上即可完成部署。

构建Historio应用的主要目的是什么？

Historio是一个探索历史和书籍的网页应用，旨在通过时间线展示历史事件。

作者在学习NextJS和Drizzle过程中有哪些经验？

作者分享了通过运行TS脚本、正确执行异步函数、设置Drizzle模型公共字段和使用Cloudflare Pages部署网站等经验。

🏷️

标签

Cloudflare Pages Drizzle Historio NextJS TS脚本