2023 年前端 SSR 渲染用哪个框架? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Sparetire
V2EX    前端开发

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

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

    最近接了个项目有 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
    bgm004
        5
    bgm004  
       2023-05-23 07:29:53 +08:00 via Android
    astro 是 ssr?
    danbai
        6
    danbai  
    PRO
       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
    dua602728596  
       2023-05-23 12:49:54 +08:00
    Next.js 吧,如果连后端都不需要的话,甚至直接导出成为 SSG 都可以
    bgm004
        15
    bgm004  
       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     Solana     2720 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 11:34 PVG 19:34 LAX 04:34 JFK 07:34
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86