系列视频制作中:Next.js 全栈开发每日一签网站

之前的几个系列基本都连载完毕。前些天开了一个新坑:全栈架构师系列。但是这个系列比较难录:讲得深,应用场景就窄,观众就少,像我这种发免费课的方式就比较亏;讲得浅,我觉得也没啥意思,担心将来大家一看,“就这?”。还有一点,技术难题不是每天都能遇到,要积累适合的话题,还要不担心泄漏技术秘密,其实比较难搞。所以只录了一期,因为第二期迟迟没想好怎么录,一直也没发。

前阵子跟 201 老同事吃饭,了解到她也“毕业”了,正在小红书上创作“每日一签”,突然我觉得可以跟以前做的 拜拜 应用结合起来,搞个每日一签网站:

  1. 固定更新能提供 SEO 价值
  2. 拜佛和求签本身就是强关联的功能,可以把用户留住

于是我们一拍即合,就有了 每日一签 这个网站。这个网站用到以下技术栈:

  1. 后台使用 Strapi 快速搭建,部署在 Zeabur 的 Docker 服务上
  2. 全栈开发使用 Next.js,App Router,全部 SSR,数据使用 Strapi RESTful API
  3. CSS 使用 TailwindCSS,并且基于 TailwindCSS 家的 Commit 模版二次开发
  4. 网站部署在 Vercel 上
  5. 数据库使用 TiDB Cloud Serverless (这次 TiDB Cloud 在我学习 Strapi 的过程中立了大功)
  6. 存储和 CDN 使用 Cloudflare R2
  7. 统计服务也用 Vercel

这套技术栈完全免费,各种云服务的免费额度可以跑到一个很高的量。是我非常推荐的全栈技术栈,也是各种独立开发、出海创业的首选。所以从开始我就想把它做成一套全栈开发课程。正好可以作为之前几套全栈开发系列教程的补充:

  1. 基于 Next.js + React,便于大家学习和扩展技术栈
  2. 更复杂的网站,更丰富的功能
  3. 更复杂的数据结构和 API,但是更简单的后端处理
  4. 更全面的基础设施服务

那么说干就干,我就一边开发一边制作视频。新的课程可能包含以下章节:

  1. 项目介绍,技术栈简介(视频制作中)
  2. 使用 Monorepo 管理复杂项目
  3. 使用 Docker 部署 Strapi 应用到 Zeabur (下周一 10-14 录制,正好填上欠 Zeabur 的推广)
  4. 使用 TiDB Cloud 提供数据库服务
  5. 使用 Cloudflare R2 提供存储和 CDN
  6. 使用 Next.js + Commit 模版开发网站
  7. 使用 Shadcn 组件库
  8. 添加每日页,制作 sitemap,提升 SEO
  9. 使用前端推送功能
  10. 使用 og 开发分享功能

希望新的系列课程能帮助大家学会现代化的全栈开发,学会使用各种现代化的研发平台,给大家开展独立开发和技术出海带来新的机会。如果你对全栈开发、独立开发、技术出海感兴趣,请关注我的系列视频和博客更新。如果你对相关技术有疑问想寻求解答,欢迎留言。

如果您觉得文章内容对您有用,不妨支持我创作更多有价值的分享:


已发布

分类

来自

评论

欢迎吐槽,共同进步

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据