V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
wensonsmith

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

  •  5
     
  •   wensonsmith ·
    wensonsmith · Jan 19, 2023 · 5226 views
    This topic created in 1195 days ago, the information mentioned may be changed or developed.

    博客从 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 replies    2023-03-10 17:52:15 +08:00
    daiv
        1
    daiv  
       Jan 19, 2023
    开源了吗?

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

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

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

    前端 wordnext, 后端 wordapi
    wensonsmith
        23
    wensonsmith  
    OP
       Jan 20, 2023
    @chenzhe #17
    @Vveeb

    之所以没放代码就是因为还有许多 bug 要改 😅
    MENGKE
        24
    MENGKE  
       Mar 10, 2023
    期待开源
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3468 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 98ms · UTC 00:36 · PVG 08:36 · LAX 17:36 · JFK 20:36
    ♥ Do have faith in what you're doing.