V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
289396212
V2EX  ›  程序员

现在真实项目里 next.js 用得多吗?我看 react 官方教程已经默认用 nexe.js 了

  •  
  •   289396212 · 2023-06-19 17:00:15 +08:00 · 5942 次点击
    这是一个创建于 367 天前的主题,其中的信息可能已经有所发展或是发生改变。
    之前不是做前端这块,准备进来学习一下,想看下市场上用 next.js 的情况
    39 条回复    2023-07-28 15:58:43 +08:00
    xubeiyan
        1
    xubeiyan  
       2023-06-19 17:11:17 +08:00 via Android   ❤️ 1
    react 官方教程里面用 next.js ?是 next.js 的 jsx 用的 react 那一套,react 是前端框架,next.js 是全栈框架。就是说你写 spa (单页应用)可以俩都行,如果你写有后端数据库的 react 是不能单独工作的,react 自己的 ssr 页面都推荐你使用 next.js
    lilei2023
        2
    lilei2023  
       2023-06-19 17:15:52 +08:00
    nexe.js 是 ???
    wu67
        3
    wu67  
       2023-06-19 17:15:58 +08:00
    反正我不喜欢, 我宁愿 vite + react = spa, 除非特别说明项目需要 seo.
    LandCruiser
        4
    LandCruiser  
       2023-06-19 17:20:14 +08:00
    没有服务端渲染的需求,不用 server side render 框架,next ,nuxt 什么的。这都是看项目的,比如你要做个稀土掘金这种依赖搜索引擎获客的,那就要用 SSR 框架。做一个内部管理系统,那肯定不需要 next nuxt 这种东西。
    cat
        5
    cat  
       2023-06-19 17:32:42 +08:00   ❤️ 1
    IndieCreator
        6
    IndieCreator  
       2023-06-19 17:50:40 +08:00
    我看到 next 那有一堆就头大,怎么搞了一套 server component 和 client component , 两者还不分开
    wonderfulcxm
        7
    wonderfulcxm  
       2023-06-19 17:55:07 +08:00
    next.js 越来越火了,持续看好。
    cat
        8
    cat  
       2023-06-19 17:55:20 +08:00
    @IndieCreator 可以继续用 pages router ,就没有 use client 和 use client 的麻烦,但目前看 server component 是 react 官方的态度,可以看看 https://nextjs.org/docs/getting-started/react-essentials 这个
    ksedz
        9
    ksedz  
       2023-06-19 18:15:39 +08:00
    海外项目用 next.js 挺正常的,原因挺多的
    1. 无后端服务发展好,js/ts 成了项目的首选甚至唯一语言
    2. react 生态
    3. 顺手支持 seo ,很划算
    4. vercel 使用方便 + 免费额度
    k9982874
        10
    k9982874  
       2023-06-19 18:20:04 +08:00 via Android
    nexe.js 惊得我以为 react 又作妖了,刚学完 next 又改了(掀桌
    cheeterLee
        11
    cheeterLee  
       2023-06-19 18:23:38 +08:00
    @cat 感觉 next 迭代速度真的好快...才开始熟练 create-t3-app ,结果 trpc 在 app router 有点直接报废掉了🥲
    estk
        12
    estk  
       2023-06-19 18:51:31 +08:00 via iPhone
    @k9982874 #10
    app folder ?
    ruoxie
        13
    ruoxie  
       2023-06-19 20:00:21 +08:00 via iPhone
    年初公司官网就是用 next 写的
    xubeiyan
        14
    xubeiyan  
       2023-06-19 20:07:23 +08:00 via Android
    @cat 我只看到 To build an entire app with React, we recommend a full-stack React framework like Next.js or Remix.
    EyebrowsWhite
        15
    EyebrowsWhite  
       2023-06-19 21:42:42 +08:00
    刚好看到一篇文章,分享一下: https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html
    dudubaba
        16
    dudubaba  
       2023-06-19 21:54:32 +08:00
    主要是 next 是想把前端中的后端也吃了,一统 react ,但是如果没有 ssr 需求简直算冗余,还要记很多写法,没有单 spa 轻量。
    mufeng
        17
    mufeng  
       2023-06-19 22:20:42 +08:00 via iPhone
    next server 就是 shit ,连读取 cookie 都有 bug
    shuding
        18
    shuding  
       2023-06-19 22:31:54 +08:00
    @mufeng 请问方便开一个 issue 吗?
    mufeng
        19
    mufeng  
       2023-06-19 22:40:00 +08:00   ❤️ 1
    zhangk23
        20
    zhangk23  
       2023-06-19 22:52:51 +08:00
    海外项目还是少,我海投简历时候大部分都要求 react 是必备的,其次才是 angular ,vue3 ,jQuery ,至于 nextjs ,除非人招聘列出来,不然这玩意儿只能出现在你简历上,个人感觉海投六百个简历 四百个都要求 react / jQuery 经验,剩下的 angular / react / stenciljs 均分 ,nextjs 只有两三个
    LancerComet
        21
    LancerComet  
       2023-06-19 23:28:13 +08:00
    路过请教 JS 生态中有没有类似 .NET Blazor 的全端框架,类似的目前只看到 Remix
    IndieCreator
        22
    IndieCreator  
       2023-06-19 23:41:28 +08:00
    @zhangk23 兄弟海外工作好找吗
    vlgs
        23
    vlgs  
       2023-06-20 00:09:22 +08:00
    因为 nextjs 学的 react ,学了俩月已经找到实习工作俩月了,负责的项目就是 nextjs 13 ,不过没用 App Router ,自己平时学肯定都是最新的版本,还是蛮有意思的
    littlehans8
        24
    littlehans8  
       2023-06-20 00:18:24 +08:00
    放心冲,国外新的项目很多都是 nextjs 了,你去看 chatgpt 和 civitai 等网站,都是用 nextjs
    dayeye2006199
        25
    dayeye2006199  
       2023-06-20 04:49:44 +08:00
    vercel ,cloudfare ,fastly 几个平台的 DX (开发者体验)都做得非常好。
    部署 nextjs 起来都是无脑点点点,确实非常的方便。
    hubahuba
        26
    hubahuba  
       2023-06-20 10:40:50 +08:00
    这个真的适合小白用,组里布置任务弄个 gpu 服务器前端页面

    我一直在选前端框架,最后看了 nestjs 也用了也做好了

    的确很方便,也很友好对新手

    之前有用 laravel 和 express 之类的
    sphawkcn
        27
    sphawkcn  
       2023-06-20 12:30:55 +08:00
    @hubahuba #26 人家说得是 next.js ,你说的是 nest.js ,不是一个东西。
    hubahuba
        28
    hubahuba  
       2023-06-20 12:36:59 +08:00
    @sphawkcn 尴尬
    EthanLiu1993
        29
    EthanLiu1993  
       2023-06-20 13:02:18 +08:00
    国外巨多 nextjs ,目前也在用 next 开发项目
    289396212
        30
    289396212  
    OP
       2023-06-20 13:55:31 +08:00
    @EthanLiu1993 你们会用 ssr 吗,还是说只用 spa 的 next.js
    289396212
        31
    289396212  
    OP
       2023-06-20 13:57:24 +08:00
    @hubahuba nestjs 应该是 vue 的,和 next.js 应该是处于一个相似的框架,用这个把服务端接口也一起包了对吗?
    289396212
        32
    289396212  
    OP
       2023-06-20 13:58:40 +08:00
    @ksedz 你们会用 next.js 服务端组件连接数据库把接口也包了吗?
    289396212
        33
    289396212  
    OP
       2023-06-20 13:59:16 +08:00
    @ruoxie 想知道原本 react 老项目迁移 next.js 工作量大不大,有没有什么坑?
    289396212
        34
    289396212  
    OP
       2023-06-20 14:00:29 +08:00
    @zhangk23 用 jquery 的都是前后端不分离的项目吧?这种项目海外还多吗?虽然招聘没写 nextjs ,但是实际工作中用得比例多吗?
    zhangk23
        35
    zhangk23  
       362 天前
    我现在这个是分离的用的 vue3+jquery+springboot ,前端所有框架都用的 cdn ,市面上 jQuery 多是因为不可能所有人都掌握新技术。。。传统技术改改 dom 还是很容易的,大部分公司没大项目需求 然后 jQuery 轻量化,可能这是主要原因?我猜
    zhangk23
        36
    zhangk23  
       362 天前
    @IndieCreator 说实话有点点难, 但你英文过关的话(技术英语一定得会,日常对话仅限寒暄),广撒网自然有面试的,我是之前外包就是国外项目,写文档以及和人沟通都得英语所以英语完全 ok 的,可能人家抛梗/俚语我接不上,但是聊技术三个小时不带重样的
    IndieCreator
        37
    IndieCreator  
       362 天前
    @zhangk23 哦哦,谢谢,英语公司工作半年多了
    EthanLiu1993
        38
    EthanLiu1993  
       361 天前
    @289396212 我们是新项目,这些都用到了
    1044523901
        39
    1044523901  
       328 天前
    不学要落伍了.....卷起来
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2979 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 12:12 · PVG 20:12 · LAX 05:12 · JFK 08:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.