最容易获取长期且免费稳定的流量的方式就是SEO了，Vercel 官方支持的 Next.js 框架是一个 SEO 友好的前后端 js 框架，很值得大家学习。

所以哥飞找了几个优秀的 Next.js 教程，并且还有可以直接拿来就能够使用的自带登录和支付的开源 Next.js 项目源码，全都分享给大家。

特别是第5个项目，集成了 Google 和 Github 登录，还集成了 Lemon Squeezy 支付，是哥飞最推荐的项目。

1. Learn Next.js 中文教程【图文教程】

教程地址：https://qufei1993.github.io/nextjs-learn-cn/

示例代码：https://github.com/qufei1993/nextjs-learn-example

这是 Learn Next.js 教程的中文翻译版本，看目录，整个教程内容还是不错的。

2. Next.js 14 完整教程2024【视频教程】

教程地址：https://www.bilibili.com/video/BV1n64y1n7xE/

配套源码：https://github.com/safak/next14-tutorial

这是 Youtube 上很火的一个 Next.js 教程，被人搬运到了B站，方便大家观看。虽然是英文的，但是跟着操作，基本没多大问题。

3. 基于 Next.js 实现 Github 热榜【实操项目】

演示地址：https://rising-repo.vercel.app/

开源代码：https://github.com/yanggggjie/rising-repo

这是开发者 yanggggjie 开源的一套代码，基于 Next.js 实现了一个 Github 热榜网站，包含了数据抓取、数据处理、数据显示等，是一个不错的可以拿来学习的项目。