V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
cxhello
V2EX  ›  程序员

全栈开发框架调研

  •  
  •   cxhello ·
    cxhello · 10 天前 · 5827 次点击

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

    第 1 条附言  ·  10 天前
    其实我的博客就是用的上面这套框架部署的,然后用 vercel 部署的。链接: https://cxhello.top

    感觉很方便。另外基于这套框架用 Cursor 写感觉也蛮方便的。
    52 条回复    2025-04-20 00:13:47 +08:00
    vincentWdp
        1
    vincentWdp  
       10 天前
    可以跨平台的是不是更好: react native, flutter 等
    miku999
        2
    miku999  
       10 天前
    你都会写后端了, 就别用 Supabase 了吧, 之前用过一次, 很难用
    yb2313
        3
    yb2313  
       10 天前   ❤️ 5
    学个屁, 直接丢给 ai 写
    NessajCN
        4
    NessajCN  
       10 天前
    既然你已经会后端了,多学个前端不就是全栈了,何必拘泥全栈框架呢
    visper
        5
    visper  
       10 天前
    应该是吧。dev0 这些写 next.js 很厉害。直接给你生成能跑的。
    Subilan
        6
    Subilan  
       10 天前 via iPhone
    现在全栈开发还需要专门考虑哪一个平台吗?怎么 Supabase 都出来了。
    Ayanokouji
        7
    Ayanokouji  
       10 天前
    前后端分离不好吗,除非只有 web 端,不然对齐其他端还是要写一遍接口
    cxhello
        8
    cxhello  
    OP
       10 天前
    @Subilan 其实主要考虑业余时间做出海网站。
    zuixinwenyue
        9
    zuixinwenyue  
       10 天前
    我自己学的 vue ,前端跨平台就用 uniapp
    ixixi
        10
    ixixi  
       10 天前   ❤️ 1
    往前统计 个人开发挣钱的大部分的全栈都是做小程序 商城类的程序员

    so 想做挣钱的全栈 得先会 php 全栈那一套
    blushyes
        11
    blushyes  
       10 天前
    @miku999 我倒是觉得很好用,开箱即用,也不需要担心服务器的各种问题,省了不少事。
    blushyes
        12
    blushyes  
       10 天前   ❤️ 1
    个人推荐:Vue3+Tailwind+Supabase+CF Worker+notion database
    Vue3 简单好用,性能还比 React 强上那么一丢丢,对初学者也友好,生态个人感觉最大的痛是没有 nextui 这个高颜值的组件库。
    Supabase 开箱即用,适合快速开发快速上线,国内能访问但是也有不稳定的问题,国内平替 memfire ,就是做的比 Supabase 官方粗糙些,能用,而且挺便宜。
    CF Worker 免费量大,但是国内也应不稳定、访问慢的问题,可以用来处理一些对延迟要求不太大的事。(据说 Deno Deploy 有香港节点,虽然也会有点延迟,也可以考虑考虑,目前似乎还是免费的)
    notion database 用来做一些简单埋点什么的,很实用。
    8863824
        13
    8863824  
       10 天前
    nextjs 好用,部署直接 vercel 方便
    lemonTreeTop
        14
    lemonTreeTop  
       10 天前
    用后端即服务,parse-server 跑起,移动和 web 都有 sdk ,简单粗暴
    chesha1
        15
    chesha1  
       10 天前
    用 supabase 不如用 cloudflare d1 ,性价比更高,还有 worker 可以用,不然你部署服务不是还要找个平台吗
    horizon
        16
    horizon  
       10 天前
    是的
    davidoff567
        17
    davidoff567  
       10 天前
    老外很多选 nest.js ,能用 JS 做的都迟早会被 JS 做
    davidoff567
        18
    davidoff567  
       10 天前
    但是你懂 Java ,随便挑个前端框架就行了,Java 味儿最浓的就是 angular
    twin
        19
    twin  
       10 天前
    楼主想法是对的,我们是专门做出海模板的,现在最常用的就是 Next.js + Shadcn + Supabase
    部署先用 Vercel, CF 是 edge 环境,要花些时间处理兼容问题
    数据库 Supabase 方便点,要原生的可以用 Neon
    Vue 的技术栈比较少见了,主要还是国内多
    manami
        20
    manami  
       10 天前
    server
        21
    server  
       10 天前
    怎么开心 怎么来, 没必要一套轮子
    mengshouer
        22
    mengshouer  
       10 天前 via Android
    执着于全栈框架就 next.js 吧,生态怎么着都比 vue 的那个 nuxt 要好
    ih8es9OIzne0959p
        23
    ih8es9OIzne0959p  
       10 天前
    @davidoff567 #17 nestjs 主要是做后端的吧
    foolishcrab
        24
    foolishcrab  
       10 天前 via iPhone
    全栈开发还想做海外市场,最重要的技能是营销 英语和 social

    技术层面前端能出活就行了,最后 30% 是水磨功夫
    rocmax
        25
    rocmax  
       10 天前 via Android
    nextjs 的 middleware 运行在 edge runtime ,使用 supabase 这种兼容 edge 环境的数据库方便在 middleware 中访问。
    前一阵我负责的项目升级 next-auth 没法访问 PostgreSQL 了,折腾了半天
    rocmax
        26
    rocmax  
       10 天前 via Android
    另外推荐 monorepo 框架 t3 turbo ,一次搞定后端前端移动端,全局类型安全开发非常利索。(就是折腾配置文件比较麻烦)
    DtTracy
        27
    DtTracy  
       10 天前   ❤️ 1
    你都会 Java 了还要个毛的全栈框架,直接学一学前端不就完事儿了
    brookegas
        28
    brookegas  
       10 天前
    前后端都用 js 真的是一种很奇妙的体验,尤其涉及到网络访问较多的场景,特别适合👍
    ZGame
        29
    ZGame  
       10 天前
    @vincentWdp 我感觉 op 的思路好点 ,你说的都是以移动端跨平台为主的框架。不过国内的话 可以选 vue 全家桶 把,或者 react and 那些看看
    XTTX
        30
    XTTX  
       10 天前   ❤️ 1
    Next.js + Tailwind + Supabase 这个就是目前 AI 加持下最流行的栈了。 这个栈我用了 3 年多,最新的项目 www.pomocal.com


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

    全栈最花时间的还是美学上,UI 上一点点改,动态效果一点点拼。
    l2jr
        31
    l2jr  
       10 天前
    也是想转全栈,奈何一直行动力较差,向你学习👍
    kakki
        32
    kakki  
       10 天前   ❤️ 1
    全栈框架是给入门后端的人用的,你都会后端语言了,根本没必要用什么全栈框架.
    shui14
        33
    shui14  
       10 天前
    php 或者 java+vue
    这才是国内全栈的真实场景
    nextjs 或者 t3 那些方案绑定了平台,现在连个好用的 serverless 方案都没有。自建的话,那个运维愿意扛锅,人家都是标准作业流程,而这一套平白无故的增加了不可控的风险
    平台如果有需求,php 也能干的很好,退之也有皆大欢喜的 java 。nextjs 适合做 ssg ,非要做 ssr 或者全栈那就自己扛起来,一来团队水平要求高,二来准备好各种奇葩风险的应对措施,别遇到某个 nodejs 实例内存异常都不知道怎么处理
    RogerL
        34
    RogerL  
       10 天前
    @blushyes #12 vue 有 primevue ,颜值也挺高的
    cgpiao
        35
    cgpiao  
       10 天前 via Android
    当然是 Laravel + React
    blushyes
        36
    blushyes  
       10 天前
    @chesha1 Supabase 有 Cloud ,甚至有免费套餐。
    p1gd0g
        37
    p1gd0g  
       10 天前
    我是 golang + flutter + firebase + cf worker ,但是主要做国内( web ),国外还没开始( google play 上架了没推)。
    框架真不重要,我还有个后台服务临时用 Python 搭的,能跑就行。没空改他。
    时间有限,精力都花在产品和推广上了。flutter 也是现学现用。
    JaguarJack
        38
    JaguarJack  
       10 天前
    当然是 Laravel + vue 。一天一个项目
    XCFOX
        39
    XCFOX  
       10 天前   ❤️ 2
    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
        40
    kid1412621  
       9 天前 via iPhone
    @twin #19 出海模板?面向什么的啊?
    amlee
        41
    amlee  
       9 天前   ❤️ 1
    @XTTX 老哥你这个前端组件库用的什么?不是 shadcn 吧? raidx UI 自己调样式?

    wappalyzer 看不出来你这个站的技术组件
    zhch602
        42
    zhch602  
       9 天前
    全栈是给前端转后端的人准备的,你都会后端了,随便学一门前端框架不就行了?
    devwolf
        43
    devwolf  
       9 天前
    我这边 js 全栈方案是 前端 astro.js + 后端 strapi ,目前虽然够用。但是两边我都挺担心将来的,特别是后端
    gentlemanChen
        44
    gentlemanChen  
       9 天前 via Android
    @XCFOX nestjs 这么差评吗
    XTTX
        45
    XTTX  
       9 天前   ❤️ 1
    @amlee 常规组件都是 shadcn ,不然就是类 shadcn 的组件。 如果想不同的话,样式肯定是要自己调。从 css 的 design token 到自定义 tailwind class. 现在主流前端都是学的 shadcn 的 open code + composition , 但是要弄出自己的风格还是很难。
    XTTX
        46
    XTTX  
       9 天前
    @gentlemanChen 我用了这么几年 nextjs , 是挺恶心的。各种强行塞入 ssr 和 webpack bundler 各种慢。 虽然说 nextjs 15 react 19 可以用 Turbopack , 但是要是需要做这种升级,我会直接用其他的 react 框架,react-start 就是一个很好的选择。
    twin
        47
    twin  
       9 天前
    @kid1412621 #40 面向 AI SaaS ,比如 v0, 吉卜力图片生成这样的 AI 系统,模板提供了登录,支付,积分等基础功能,只要再加上自己的业务逻辑就能用了。想了解可以看看文档 https://getshipnow.com/zh-CN/docs/stripe
    Edsie
        48
    Edsie  
       9 天前
    @blushyes #12 CF Worker 可以直接 CRUD notion database 吗?有没有参考 demo
    gentlemanChen
        49
    gentlemanChen  
       9 天前 via Android
    @XTTX 自从 nextjs hire most of the react developer, react start 都不从官网推荐了,话说本身 nextjs 就是做 ssr 的吧,我也用来写,现在很多地方声明 server only 什么就比较反直觉,但就像你说的,break change 每升级一次大版本都是渡劫
    XTTX
        50
    XTTX  
       9 天前
    @gentlemanChen getServerSideProps 在特定场景下 挺好的, 例子多,大家容易弄明白。React Server Components 现在有多少个开源项目弄明白了? cal.com 上个月才说自己“快“完成从 page router 到 app router 的转换。 反直觉是真反直觉,一会 use client, 一会 use server.
    coolmenu
        51
    coolmenu  
       8 天前
    golang ,java ,python ,oracle ,postgresql 都是工作中用过好久,但是如果自己弄个网站之类的,还是 php 干后台,前端就是 nextjs 。js 系列当后台语言总感觉不太靠谱。
    Honwhy
        52
    Honwhy  
       6 天前
    后端搞全栈,不要一下子贪多,不要一下子手搓,直接用脚手架跑起来,有问题再去深入学习。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2858 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 13:59 · PVG 21:59 · LAX 06:59 · JFK 09:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.