全栈开发框架调研

[cxhello]

本人 Java 后端，想转全栈开发，就现阶段来说学习 Next.js + Tailwind + Supabase 是不是最合适的？

其实我的博客就是用的上面这套框架部署的，然后用 vercel 部署的。链接： https://cxhello.top

感觉很方便。另外基于这套框架用 Cursor 写感觉也蛮方便的。

[vincentWdp]

可以跨平台的是不是更好: react native, flutter 等

[miku999]

你都会写后端了, 就别用 Supabase 了吧, 之前用过一次, 很难用

[yb2313]

学个屁, 直接丢给 ai 写

[NessajCN]

既然你已经会后端了，多学个前端不就是全栈了，何必拘泥全栈框架呢

[visper]

应该是吧。dev0 这些写 next.js 很厉害。直接给你生成能跑的。

[Subilan]

现在全栈开发还需要专门考虑哪一个平台吗？怎么 Supabase 都出来了。

[Ayanokouji]

前后端分离不好吗，除非只有 web 端，不然对齐其他端还是要写一遍接口

[cxhello]

@Subilan 其实主要考虑业余时间做出海网站。

[zuixinwenyue]

我自己学的 vue ，前端跨平台就用 uniapp

[ixixi]

往前统计 个人开发挣钱的大部分的全栈都是做小程序 商城类的程序员

so 想做挣钱的全栈 得先会 php 全栈那一套

[blushyes]

@miku999 我倒是觉得很好用，开箱即用，也不需要担心服务器的各种问题，省了不少事。

[blushyes]

个人推荐：Vue3+Tailwind+Supabase+CF Worker+notion database
Vue3 简单好用，性能还比 React 强上那么一丢丢，对初学者也友好，生态个人感觉最大的痛是没有 nextui 这个高颜值的组件库。
Supabase 开箱即用，适合快速开发快速上线，国内能访问但是也有不稳定的问题，国内平替 memfire ，就是做的比 Supabase 官方粗糙些，能用，而且挺便宜。
CF Worker 免费量大，但是国内也应不稳定、访问慢的问题，可以用来处理一些对延迟要求不太大的事。（据说 Deno Deploy 有香港节点，虽然也会有点延迟，也可以考虑考虑，目前似乎还是免费的）
notion database 用来做一些简单埋点什么的，很实用。

[8863824]

nextjs 好用，部署直接 vercel 方便

[lemonTreeTop]

用后端即服务，parse-server 跑起，移动和 web 都有 sdk ，简单粗暴

[chesha1]

用 supabase 不如用 cloudflare d1 ，性价比更高，还有 worker 可以用，不然你部署服务不是还要找个平台吗

[horizon]

是的

[davidoff567]

老外很多选 nest.js ，能用 JS 做的都迟早会被 JS 做

[davidoff567]

但是你懂 Java ，随便挑个前端框架就行了，Java 味儿最浓的就是 angular

[twin]

楼主想法是对的，我们是专门做出海模板的，现在最常用的就是 Next.js + Shadcn + Supabase
部署先用 Vercel, CF 是 edge 环境，要花些时间处理兼容问题
数据库 Supabase 方便点，要原生的可以用 Neon
Vue 的技术栈比较少见了，主要还是国内多

[manami]

https://github.com/nuxt/nuxt

[server]

怎么开心 怎么来， 没必要一套轮子

[mengshouer]

执着于全栈框架就 next.js 吧，生态怎么着都比 vue 的那个 nuxt 要好

[ajaxgoldfish]

@davidoff567 #17 nestjs 主要是做后端的吧

[foolishcrab]

全栈开发还想做海外市场，最重要的技能是营销 英语和 social

技术层面前端能出活就行了，最后 30% 是水磨功夫

[rocmax]

nextjs 的 middleware 运行在 edge runtime ，使用 supabase 这种兼容 edge 环境的数据库方便在 middleware 中访问。
前一阵我负责的项目升级 next-auth 没法访问 PostgreSQL 了，折腾了半天

[rocmax]

另外推荐 monorepo 框架 t3 turbo ，一次搞定后端前端移动端，全局类型安全开发非常利索。（就是折腾配置文件比较麻烦）

[DtTracy]

你都会 Java 了还要个毛的全栈框架，直接学一学前端不就完事儿了

[brookegas]

前后端都用 js 真的是一种很奇妙的体验，尤其涉及到网络访问较多的场景，特别适合👍

[ZGame]

@vincentWdp 我感觉 op 的思路好点 ,你说的都是以移动端跨平台为主的框架。不过国内的话 可以选 vue 全家桶 把，或者 react and 那些看看

[XTTX]

Next.js + Tailwind + Supabase 这个就是目前 AI 加持下最流行的栈了。 这个栈我用了 3 年多，最新的项目 www.pomocal.com


nextjs 可以做成 SPA, 但是现在的开发体验不是很好。
supabase 基本什么都能做，psql + rpc + deno edge function. auth, 邮件，cron ，bucket, 你能想到的功能都有。就是有一些坑你需要一个个踩过。

全栈最花时间的还是美学上，UI 上一点点改，动态效果一点点拼。

[l2jr]

也是想转全栈，奈何一直行动力较差，向你学习👍

[kakki]

全栈框架是给入门后端的人用的,你都会后端语言了,根本没必要用什么全栈框架.

[shui14]

php 或者 java+vue
这才是国内全栈的真实场景
nextjs 或者 t3 那些方案绑定了平台，现在连个好用的 serverless 方案都没有。自建的话，那个运维愿意扛锅，人家都是标准作业流程，而这一套平白无故的增加了不可控的风险
平台如果有需求，php 也能干的很好，退之也有皆大欢喜的 java 。nextjs 适合做 ssg ，非要做 ssr 或者全栈那就自己扛起来，一来团队水平要求高，二来准备好各种奇葩风险的应对措施，别遇到某个 nodejs 实例内存异常都不知道怎么处理

[RogerL]

@blushyes #12 vue 有 primevue ，颜值也挺高的

[cgpiao]

当然是 Laravel + React

[blushyes]

@chesha1 Supabase 有 Cloud ，甚至有免费套餐。

[p1gd0g]

我是 golang + flutter + firebase + cf worker ，但是主要做国内（ web ），国外还没开始（ google play 上架了没推）。
框架真不重要，我还有个后台服务临时用 Python 搭的，能跑就行。没空改他。
时间有限，精力都花在产品和推广上了。flutter 也是现学现用。

[JaguarJack]

当然是 Laravel + vue 。一天一个项目

[XCFOX]

React 、Vue 的框架都挺不错的，都是全家桶解决方法，看你喜欢哪个。下面是我个人的喜好和推荐：

可选框架：
- Next.js: 时下最流行的框架，生态丰富，功能齐全，但是使用 Turbopack 作为打包器，比 Vite 慢太多了，另外还有今年饱受争议的 React Server Component ，如果你喜欢 PHP 你可能会喜欢 React Server Component ；
- React Router V7 | Remix: React 全栈框架，架构设计比 Next.js 更干净，内置 Loader 、性能好过 Next.js ，对 APP 整体的掌控比 Next.js 更细致，使用 Vite 作为打包器开发体验良好；
- Nuxt.js: Vue 全栈框架，内置 Vue 全家桶，Vue 的开发体验其实一直比 React 要好，而且没有 React Hooks 的一堆坑，使用 Vite 作为打包器开发体验良好；

UI 与界面：
- shadcn/ui ( https://ui.shadcn.com/): 漂亮的可定制的 UI ，使用 Tailwind ，功能完善
- HeroUI ( https://www.heroui.com/ ): 超高颜值 UI ，使用 Tailwind ，组件齐全，开箱即用；

API 接口：
如果你使用了 Next.js 、React Router V7 、Nuxt.js ，你也许不需要额外的后端框架，直接用对应框架的后端功能就能解决大部分问题。
但是如果你想要给接口上工程化工具保证接口的强度和可靠性，那么我推荐：
- tRPC ( https://trpc.io/ ): 端对端类型安全接口，使用 TypeScript 确保接口可靠性；
- oRPC ( https://orpc.unnoq.com/ ): 端对端类型安全接口，以及 OpenAPI ，方便沟通、测试和回顾；
- GQLoom ( https://gqloom.dev/ ): 端对端类型安全接口，以及 GraphQL ，方便沟通、测试、回顾和 AI 阅读，与 Drizzle 、Prisma 深度集成，在几分钟之内构建完整的 CRUD 服务，（利益相关：我是 GQLoom 作者）；
- 不推荐 NestJS: NestJS 显示是设计过度了，TypeScript 没有 Java 那么多条条框框，TypeScript 装饰器由于其类型不健全也是逐年式微；

数据库操作：
- Prisma ( https://www.prisma.io/ ): 流行的 TypeScript ORM ，封装到位，对 SQL 的抽象程度比较高，适合写业务；
- Drizzle ( https://orm.drizzle.team/ ): 新兴的 TypeScript ORM ，性能出众，对 SQL 非常还原，适合熟悉 SQL 的选手；
- 不推荐 TypeORM: 近年维护不积极、类型不安全、空不安全

另外你可能需要了解：OpenAI 从 Next.js 转向了 Remix | React Router

[kid1412621]

@twin #19 出海模板？面向什么的啊？

[amlee]

@XTTX 老哥你这个前端组件库用的什么？不是 shadcn 吧？ raidx UI 自己调样式？

wappalyzer 看不出来你这个站的技术组件

[zhch602]

全栈是给前端转后端的人准备的，你都会后端了，随便学一门前端框架不就行了？

[devwolf]

我这边 js 全栈方案是 前端 astro.js + 后端 strapi ，目前虽然够用。但是两边我都挺担心将来的，特别是后端

[gentlemanChen]

@XCFOX nestjs 这么差评吗

[XTTX]

@amlee 常规组件都是 shadcn ，不然就是类 shadcn 的组件。 如果想不同的话，样式肯定是要自己调。从 css 的 design token 到自定义 tailwind class. 现在主流前端都是学的 shadcn 的 open code + composition ， 但是要弄出自己的风格还是很难。

[XTTX]

@gentlemanChen 我用了这么几年 nextjs ， 是挺恶心的。各种强行塞入 ssr 和 webpack bundler 各种慢。 虽然说 nextjs 15 react 19 可以用 Turbopack ， 但是要是需要做这种升级，我会直接用其他的 react 框架，react-start 就是一个很好的选择。

[twin]

@kid1412621 #40 面向 AI SaaS ，比如 v0, 吉卜力图片生成这样的 AI 系统，模板提供了登录，支付，积分等基础功能，只要再加上自己的业务逻辑就能用了。想了解可以看看文档 https://getshipnow.com/zh-CN/docs/stripe

[Edsie]

@blushyes #12 CF Worker 可以直接 CRUD notion database 吗？有没有参考 demo

[gentlemanChen]

@XTTX 自从 nextjs hire most of the react developer, react start 都不从官网推荐了，话说本身 nextjs 就是做 ssr 的吧，我也用来写，现在很多地方声明 server only 什么就比较反直觉，但就像你说的，break change 每升级一次大版本都是渡劫

[XTTX]

@gentlemanChen getServerSideProps 在特定场景下 挺好的， 例子多，大家容易弄明白。React Server Components 现在有多少个开源项目弄明白了？ cal.com 上个月才说自己“快“完成从 page router 到 app router 的转换。 反直觉是真反直觉，一会 use client, 一会 use server.

[coolmenu]

golang ，java ，python ，oracle ，postgresql 都是工作中用过好久，但是如果自己弄个网站之类的，还是 php 干后台，前端就是 nextjs 。js 系列当后台语言总感觉不太靠谱。

[Honwhy]

后端搞全栈，不要一下子贪多，不要一下子手搓，直接用脚手架跑起来，有问题再去深入学习。