全栈开发框架调研

187 天前
 cxhello

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

8030 次点击
所在节点    程序员
52 条回复
server
187 天前
怎么开心 怎么来, 没必要一套轮子
mengshouer
187 天前
执着于全栈框架就 next.js 吧,生态怎么着都比 vue 的那个 nuxt 要好
ih8es9OIzne0959p
187 天前
@davidoff567 #17 nestjs 主要是做后端的吧
foolishcrab
187 天前
全栈开发还想做海外市场,最重要的技能是营销 英语和 social

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


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

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1125779

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX