使用 Next.js 和 DEV.to 构建博客的资源

我最近使用 Next.js、TypeScript、Tailwind 和 DEV.to CMS 完成了我的博客构建。

这是我第一次学习和使用：

• TypeScript（我决定不陷入教程的泥潭，而是先阅读了一些文档，然后才开始深入研究，并让 TS 编译器引导我）
• getStaticPaths、、getStaticProps以及使用 NEXT.js 进行增量静态再生
• 使用 DEV.to 作为 CMS 来存储我的博客数据并在需要时使用 REST API 调用它。

我查阅了大量资源，觉得其中一些或许能帮到你们！所以，以下是我使用 NEXT 搭建博客时用到或觉得有用的所有资源的详尽清单。

Next.js 博客使用 DEV.to 作为 CMS：

DEV.to API 文档相当简单，并且很容易上手。

然而，由于这是我第一次使用和使用 SSG ，getStaticPaths所以getStaticProps我需要一些帮助。

这些文章和视频对我帮助很大：

• James Wallis写了两篇很棒的文章，讲述了他从JS 和 styled-JSX网站迁移到使用TS、Next.js 和 Tailwind 的过程。这些文章和他的代码库对我帮助很大！

• Dale Nguyen 的文章也很有帮助。他的博客是用 Angular 写的。

带有外部 CMS 的 Next.js 博客：

• 使用 Next.js 10 和 Contentful 构建博客帮助我了解如何getStaticPaths使用getStaticPropsNext.js 的增量静态再生与外部 API 协同工作。
• 使用 Next.js 和 Ghost 构建博客getStaticPaths展示了使用和的略有不同的方法getStaticProps。

带有本地 .md 文件的 Next.js 博客：

• Next.js 有一些出色的文档，并且包含使用本地 .mdx 文件的基本博客教程。
• 如何使用 Next.js 和 Tailwind 构建博客：第 1 部分 - Next.js - Harry Wolf 是一位很棒的老师，这个由 3 部分组成的系列很好地介绍了如何使用 Tailwind 和本地文件构建 Next.js 博客！
• Next.js 静态站点生成 (SSG) 教程- Ben 也有一个不错的教程，尽管对于像我这样的初学者来说节奏有点太快了。

使用的资源和包：

• Tailwind-NEXT-TypeScript 入门模板- 绝对的救星！
• Tailwind Typography - Markdown 样式

我还计划在单独的文章中发布所有 TypeScript 资源，以及一篇关于我的设计选择的文章，以及我如何获得完美的灯塔分数！

希望你们发现这些资源充满希望！