文章没有代码写的多 🤣 第四次换博客架构（Next.js 13 + Strapi）

[wensonsmith]

博客从 2012 年开始，先是 WordPress, 然后换成了 Hexo 《阿里云 VPS 搭建自己的 Hexo 博客》, 后面又改成了 Vuepress, 还写了一个主题 vuepress-theme-seeker。在纯静态和动态之间始终不满意，下决心要做一个 JAMStack 的博客。

最后选定用 nextjs + strapi, 用到的服务如下：

1. Strapi - Headless CMS 作为后端
2. Nextjs - 前端界面
3. Cloudinary - 图片存储
4. Fly.io - 免费部署 strapi
5. Supabase - 免费的 postgres 数据库
6. Waline - 评论系统

在我前端写到一大半的时候，nextjs 发布了 13 ，肝了两天重构到 13, 真香！

上一个 vuepress 没认真做，这次把手机端适配、暗黑模式统统加上了。上效果 直接看: iwenson.com

最后看我这光秃秃的关于页面，好友位招租。

有没有必要写个搭建教程？

[daiv]

开源了吗?

另外 https://seekbetter.me/ 证书过期了?

[contropist]

看起来不错，期待你的搭建教程

[oneisall8955]

赞，期待教程

[vsitebon]

好看

[sadfQED2]

架构改过上百次，最后终将回到 github page

[loading]

有用过 directus 吗？听说完善一些，而且没有免费版和商业版区分的烦恼。

[Cosmic4764]

能细说一下为啥用 next 做前端吗？如果是 ssr ，用 nuxt 就够了吧？

[Vveeb]

挑个毛病啊 op ，footer 的链接有点问题，光标放在 1 公里外的空白处也能点到，是不是什么属性设置错了

[tuutoo]

好看啊 楼主写个教程呗~

[enchilada2020]

看上去不错 求开源求教程

[loading]

那个 3D 形象是怎么搞的？

[boff]

同求

[tonytonychopper]

@Cosmic4764 因为想用 react 吧

[zzhbbdbbd]

之前我的 blog 也因为对自己的设计稿不满意，重新设计重构了 5 个版本 XD

占个位置 XD ，我的 blog 是用 Rust 构建的 WASM 应用，代码全部开源 https://github.com/zzhack-stack/zzhack

[dimlau]

@zzhbbdbbd 鉴于，目前微软 edge 浏览器还挺多人使用； edge 新版本会对网页默认开启增强安全性；妳的站点脚本在这个模式下无法正常加载……或许可以研究一下如何避免？

[xiangchen2011]

挺好的，期待教程

[chenzhe]

在首页滑动了 1/3 页面的位置，看到文章标题，点击文章标题跳转到文章页，但是滚动距离是保持的，想查看文章又要手动往上滑动一下，是不是优化一下呢？

[Cosmic4764]

@tonytonychopper #13

恍然大悟。。。吧 nextjs 跟 nestjs 弄混了。。。感谢！

[chancat]

。。太复杂了。hugo+git+cf +ipfs 搞定，

[zzhbbdbbd]

@dimlau 谢谢你的建议，不过对于不支持或者对 WASM 支持还不够的浏览器我不会选择兼容，自己写东西的地方不用考虑用户 XD

[wensonsmith]

@loading
@boff

3D 头像： https://peeps.ui8.net/

[wensonsmith]

@daiv #1 好的，代码在我 repo 里，但没写 readme

前端 wordnext, 后端 wordapi

[wensonsmith]

@chenzhe #17
@Vveeb

之所以没放代码就是因为还有许多 bug 要改 😅

[MENGKE]

期待开源