V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Sparetire
V2EX  ›  前端开发

2023 年前端 SSR 渲染用哪个框架?

  •  
  •   Sparetire · 2023-05-23 04:37:57 +08:00 · 3888 次点击
    这是一个创建于 583 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近接了个项目有 SEO 需求, 考虑在下面几个里面选一个

    • Next.js
    • Nuxt3
    • Astro
    • Qwik

    业务主要面向 C 端, 比较小没几个页面, 类似活动页偏展示没啥交互, 大概率就自己写点样式, 最多拿 tailwind 糊一下完事, 所以生态可以接受差点(后台管理肯定老老实实拿 React 来糊了)

    也不用说哪个熟悉用哪个, 很久没写前端了, 所以都是重新学, 不如学点新的有意思的

    目前自己调研的情况是:

    Next 毫无疑问最成熟稳定, 但似乎关注的大佬们对于最近的更新评价都不高甚至要跳船

    Nuxt3 也比较新, 加上 antfu 大佬加入到开发团队, 不知道现在好不好用, 以前用过 Nuxt2, 感觉一般

    Qwik 最近才稳定 1.0 版本, 想来生态么肯定是最小的那个, 不知道有没有坑, 但是看它那个首屏几乎没几个 JS 文件, 感觉很香, 而且支持 tsx

    Astro 听说很香, 具体不了解

    有没有用过的来评价一下?

    第 1 条附言  ·  2023-05-23 07:54:55 +08:00
    仅限于这几个, 其他无关回复直接 b 了, 我怕不是屎还没吃够病到要退回去用 PHP 的地步
    23 条回复    2023-11-29 17:24:06 +08:00
    seki
        1
    seki  
       2023-05-23 05:07:58 +08:00
    感觉大部分人会是熟悉哪个框架就用哪个吧……
    yunye
        2
    yunye  
       2023-05-23 05:59:52 +08:00   ❤️ 1
    thinkphp8
    lopssh
        3
    lopssh  
       2023-05-23 06:25:10 +08:00 via Android   ❤️ 1
    @yunye 老哥稳
    jack4536251
        4
    jack4536251  
       2023-05-23 06:34:49 +08:00 via Android
    webman
    Track13
        5
    Track13  
       2023-05-23 07:29:53 +08:00 via Android
    astro 是 ssr?
    danbai
        6
    danbai  
       2023-05-23 07:48:43 +08:00 via Android
    html 模板引擎😊
    Sparetire
        7
    Sparetire  
    OP
       2023-05-23 08:06:04 +08:00
    @seki 所以我预判了这样的说辞, 特地加上了"也不用说哪个熟悉用哪个, 很久没写前端了, 所以都是重新学, 不如学点新的有意思的"


    @Track13 https://docs.astro.build/en/guides/server-side-rendering/ 这个吧
    huijiewei
        8
    huijiewei  
       2023-05-23 08:57:34 +08:00
    next.js 或者 astro
    1343EFF
        9
    1343EFF  
       2023-05-23 09:16:46 +08:00
    svelte 有个适配器可以自动打包成 cloudflare worker 运行的插件 build 以上扔上去就好了 首次访问服务端渲染 后续点击还是走的 spa 模式 对 seo 友好又代码写起来爽
    1343EFF
        10
    1343EFF  
       2023-05-23 09:22:10 +08:00
    https://kit.svelte.dev/docs/adapter-cloudflare

    我觉得安利 svelte 不会翻车 打包出来包体又小 昨天整了个 demo 首次加载只有 200kb
    IdJoel
        11
    IdJoel  
       2023-05-23 11:16:59 +08:00   ❤️ 2
    用 PHP 叫吃屎? 你这话说的真恶心?问下 PHP 怎么你了?
    uhohoo
        12
    uhohoo  
       2023-05-23 11:35:45 +08:00
    只用过 nuxt3 和 nextjs ,推荐 nextjs ,nuxt3 有很多坑要踩,文档也是一言难尽
    xuhai951753
        13
    xuhai951753  
       2023-05-23 11:36:43 +08:00
    nuxt3? 很久没写前端肯定上 vue 了
    Qwik 这种简单业务应该没事,就怕业务复杂了一堆坑,还得自己填
    duan602728596
        14
    duan602728596  
       2023-05-23 12:49:54 +08:00
    Next.js 吧,如果连后端都不需要的话,甚至直接导出成为 SSG 都可以
    Track13
        15
    Track13  
       2023-05-23 12:53:13 +08:00 via Android
    @Sparetire 是我没仔细看看,之前就试了下 hello world 。不过貌似不是单页应用吧。
    nextjs 别用 13 的 app 目录就行。最近在尝试,有点失望。
    XCFOX
        16
    XCFOX  
       2023-05-23 13:32:15 +08:00
    用过 nuxt3 和 remix ,这两个之间推荐 nuxt3 。
    vlgs
        17
    vlgs  
       2023-05-28 04:17:55 +08:00 via Android
    上手时就是 nextjs 所有新的东西~
    mlge
        18
    mlge  
       2023-07-10 17:35:59 +08:00
    如果用 next.js 的话,别用 13 版本的 app 路由,会变得不幸 TAT 。
    文档少,坑多,有些还无解。
    比如说和 antd 配合的话得加`use client;`,但是加了就没法 SSR 了,我是没找到方法,有大佬能解决了的话踢我一脚。
    xlsepiphone
        19
    xlsepiphone  
       2023-07-19 18:59:12 +08:00
    @mlge #18 如果早点看到你的评论就好了,app 路由真的难用或者说兼容性差。
    mlge
        20
    mlge  
       2023-07-27 12:49:19 +08:00
    @xlsepiphone 最近在观望这个项目: https://github.com/coder-xiaotian/swc-useclient ,理论上能够一定程度缓解 app 路由与各种 ui 库配合的问题。
    hevi
        21
    hevi  
       2023-08-16 15:50:32 +08:00
    next.js13 坑特别多,导致了我之前加了挺久的班,虽然也有爽点。

    - 打包,奇奇怪怪的问题
    - 和挺多旧 react 库有不兼容
    - 自定义接口,取文件的时候不能设置 Content-Length ,导致 iOS 的 video 无法播放
    - 等等等
    liushuigs
        22
    liushuigs  
       2023-09-26 16:07:42 +08:00
    可以试试这个从零开始构建的 SSR 框架:[Runmix]( https://github.com/runmix-dev/runmix)
    Deshun
        23
    Deshun  
       2023-11-29 17:24:06 +08:00
    我感觉 Astro 的模板切换很麻烦,每个模板的规范也不统一,甚至要重新建项目,而且网上相关资料也很少,不知道事实是不是我感受的这样。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5701 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 01:38 · PVG 09:38 · LAX 17:38 · JFK 20:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.