V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
wensonsmith
V2EX  ›  分享创造

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

  •  5
     
  •   wensonsmith ·
    wensonsmith · 2023-01-19 00:07:04 +08:00 · 3609 次点击
    这是一个创建于 435 天前的主题,其中的信息可能已经有所发展或是发生改变。

    博客从 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

    首页

    手机模式

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

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

    24 条回复    2023-03-10 17:52:15 +08:00
    daiv
        1
    daiv  
       2023-01-19 00:17:09 +08:00
    开源了吗?

    另外 https://seekbetter.me/ 证书过期了?
    contropist
        2
    contropist  
       2023-01-19 03:20:55 +08:00
    看起来不错,期待你的搭建教程
    oneisall8955
        3
    oneisall8955  
       2023-01-19 04:39:13 +08:00 via Android
    赞,期待教程
    vsitebon
        4
    vsitebon  
       2023-01-19 08:59:13 +08:00
    好看
    sadfQED2
        5
    sadfQED2  
       2023-01-19 09:07:26 +08:00 via Android
    架构改过上百次,最后终将回到 github page
    loading
        6
    loading  
       2023-01-19 09:19:01 +08:00
    有用过 directus 吗?听说完善一些,而且没有免费版和商业版区分的烦恼。
    Cosmic4764
        7
    Cosmic4764  
       2023-01-19 09:50:44 +08:00
    能细说一下为啥用 next 做前端吗?如果是 ssr ,用 nuxt 就够了吧?
    Vveeb
        8
    Vveeb  
       2023-01-19 09:56:23 +08:00
    挑个毛病啊 op ,footer 的链接有点问题,光标放在 1 公里外的空白处也能点到,是不是什么属性设置错了
    tuutoo
        9
    tuutoo  
       2023-01-19 10:14:00 +08:00
    好看啊 楼主写个教程呗~
    enchilada2020
        10
    enchilada2020  
       2023-01-19 10:18:29 +08:00 via Android
    看上去不错 求开源求教程
    loading
        11
    loading  
       2023-01-19 10:25:20 +08:00
    那个 3D 形象是怎么搞的?
    boff
        12
    boff  
       2023-01-19 10:52:34 +08:00
    同求
    tonytonychopper
        13
    tonytonychopper  
       2023-01-19 11:06:19 +08:00 via iPhone
    @Cosmic4764 因为想用 react 吧
    zzhbbdbbd
        14
    zzhbbdbbd  
       2023-01-19 11:12:22 +08:00
    之前我的 blog 也因为对自己的设计稿不满意,重新设计重构了 5 个版本 XD

    占个位置 XD ,我的 blog 是用 Rust 构建的 WASM 应用,代码全部开源 https://github.com/zzhack-stack/zzhack
    dimlau
        15
    dimlau  
       2023-01-19 11:20:14 +08:00
    @zzhbbdbbd 鉴于,目前微软 edge 浏览器还挺多人使用; edge 新版本会对网页默认开启增强安全性;妳的站点脚本在这个模式下无法正常加载……或许可以研究一下如何避免?
    xiangchen2011
        16
    xiangchen2011  
       2023-01-19 12:16:15 +08:00
    挺好的,期待教程
    chenzhe
        17
    chenzhe  
       2023-01-19 12:27:24 +08:00
    在首页滑动了 1/3 页面的位置,看到文章标题,点击文章标题跳转到文章页,但是滚动距离是保持的,想查看文章又要手动往上滑动一下,是不是优化一下呢?
    Cosmic4764
        18
    Cosmic4764  
       2023-01-19 12:28:14 +08:00
    @tonytonychopper #13

    恍然大悟。。。吧 nextjs 跟 nestjs 弄混了。。。感谢!
    chancat
        19
    chancat  
       2023-01-19 17:24:10 +08:00 via Android
    。。太复杂了。hugo+git+cf +ipfs 搞定,
    zzhbbdbbd
        20
    zzhbbdbbd  
       2023-01-19 18:31:07 +08:00
    @dimlau 谢谢你的建议,不过对于不支持或者对 WASM 支持还不够的浏览器我不会选择兼容,自己写东西的地方不用考虑用户 XD
    wensonsmith
        21
    wensonsmith  
    OP
       2023-01-20 09:47:08 +08:00
    wensonsmith
        22
    wensonsmith  
    OP
       2023-01-20 09:47:49 +08:00
    @daiv #1 好的,代码在我 repo 里,但没写 readme

    前端 wordnext, 后端 wordapi
    wensonsmith
        23
    wensonsmith  
    OP
       2023-01-20 09:49:30 +08:00
    @chenzhe #17
    @Vveeb

    之所以没放代码就是因为还有许多 bug 要改 😅
    MENGKE
        24
    MENGKE  
       2023-03-10 17:52:15 +08:00
    期待开源
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3225 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 10:49 · PVG 18:49 · LAX 03:49 · JFK 06:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.