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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 678 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

手机模式

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

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

24 条回复 • 2023-03-10 17:52:15 +08:00

daiv

2023-01-19 00:17:09 +08:00

开源了吗?

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

contropist

2023-01-19 03:20:55 +08:00

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

oneisall8955

2023-01-19 04:39:13 +08:00 via Android

赞，期待教程

vsitebon

2023-01-19 08:59:13 +08:00

好看

sadfQED2

2023-01-19 09:07:26 +08:00 via Android

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

loading

2023-01-19 09:19:01 +08:00

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

Cosmic4764

2023-01-19 09:50:44 +08:00

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

Vveeb

2023-01-19 09:56:23 +08:00

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

tuutoo

2023-01-19 10:14:00 +08:00

好看啊楼主写个教程呗~

enchilada2020

2023-01-19 10:18:29 +08:00 via Android

看上去不错求开源求教程

loading

2023-01-19 10:25:20 +08:00

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

boff

2023-01-19 10:52:34 +08:00

同求

tonytonychopper

2023-01-19 11:06:19 +08:00 via iPhone

@Cosmic4764 因为想用 react 吧

zzhbbdbbd

2023-01-19 11:12:22 +08:00

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

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

dimlau

2023-01-19 11:20:14 +08:00

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

xiangchen2011

2023-01-19 12:16:15 +08:00

挺好的，期待教程

chenzhe

2023-01-19 12:27:24 +08:00

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

Cosmic4764

2023-01-19 12:28:14 +08:00

@tonytonychopper #13

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

chancat

2023-01-19 17:24:10 +08:00 via Android

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

zzhbbdbbd

2023-01-19 18:31:07 +08:00

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

wensonsmith

2023-01-20 09:47:08 +08:00

@loading
@boff

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

wensonsmith

2023-01-20 09:47:49 +08:00

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

前端 wordnext, 后端 wordapi

wensonsmith

2023-01-20 09:49:30 +08:00

@chenzhe #17
@Vveeb

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

MENGKE

2023-03-10 17:52:15 +08:00

期待开源