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

[Sparetire]

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

• Next.js
• Nuxt3
• Astro
• Qwik

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

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

目前自己调研的情况是:

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

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

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

Astro 听说很香, 具体不了解

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

[seki]

感觉大部分人会是熟悉哪个框架就用哪个吧……

[yunye]

thinkphp8

[lopssh]

@yunye 老哥稳

[jack4536251]

webman

[Track13]

astro 是 ssr?

[danbai]

html 模板引擎😊

[Sparetire]

@seki 所以我预判了这样的说辞, 特地加上了"也不用说哪个熟悉用哪个, 很久没写前端了, 所以都是重新学, 不如学点新的有意思的"


@Track13 https://docs.astro.build/en/guides/server-side-rendering/ 这个吧

[huijiewei]

next.js 或者 astro

[1343EFF]

svelte 有个适配器可以自动打包成 cloudflare worker 运行的插件 build 以上扔上去就好了 首次访问服务端渲染 后续点击还是走的 spa 模式 对 seo 友好又代码写起来爽

[1343EFF]

https://kit.svelte.dev/docs/adapter-cloudflare

我觉得安利 svelte 不会翻车 打包出来包体又小 昨天整了个 demo 首次加载只有 200kb

[IdJoel]

用 PHP 叫吃屎？ 你这话说的真恶心？问下 PHP 怎么你了？

[uhohoo]

只用过 nuxt3 和 nextjs ，推荐 nextjs ，nuxt3 有很多坑要踩，文档也是一言难尽

[xuhai951753]

nuxt3? 很久没写前端肯定上 vue 了
Qwik 这种简单业务应该没事，就怕业务复杂了一堆坑，还得自己填

[duan602728596]

Next.js 吧，如果连后端都不需要的话，甚至直接导出成为 SSG 都可以

[Track13]

@Sparetire 是我没仔细看看，之前就试了下 hello world 。不过貌似不是单页应用吧。
nextjs 别用 13 的 app 目录就行。最近在尝试，有点失望。

[XCFOX]

用过 nuxt3 和 remix ，这两个之间推荐 nuxt3 。

[vlgs]

上手时就是 nextjs 所有新的东西~

[mlge]

如果用 next.js 的话，别用 13 版本的 app 路由，会变得不幸 TAT 。
文档少，坑多，有些还无解。
比如说和 antd 配合的话得加`use client;`，但是加了就没法 SSR 了，我是没找到方法，有大佬能解决了的话踢我一脚。

[xlsepiphone]

@mlge #18 如果早点看到你的评论就好了，app 路由真的难用或者说兼容性差。

[mlge]

@xlsepiphone 最近在观望这个项目： https://github.com/coder-xiaotian/swc-useclient ，理论上能够一定程度缓解 app 路由与各种 ui 库配合的问题。