Next.js 要不要学习

Next.js 要不要学习
Photo by Growtika / Unsplash

为什么要学习 Next.js ?

多年前关注到海外 Next.js 非常火爆,国外 JavaScript 全栈开发者非常多,大多都会用 Next.js 。而当我着手使用 Next.js 后,发现打开了新的大门。

个人觉得,对于国内的大多数公司来说,如果想用 Next.js 搞公司内部业务的话,意义不大。

  • Node.js 本身在国内的开发生态里面,更多都是偏向工具和流程的定位,真正用来做业务的还是少,对于小公司来说,团队稳定性和后续招人是个隐性问题。
  • Next.js 的核心是性能优化能力,在国内业务生态里面,好像并没有太大的价值(想一想,老板会关注这些吗?),而且国内 SEO 的情况,基本上付费才是 SEO 的最佳方式..。
  • Next.js 生态里面如 Serverless & No Server 生态里面的很多服务都是国外的,并不适合国内开发团队。

对于个人成长来说,倒是了解到更多性能优化的手段和实现方式。但更加推荐以下同学尝试:

  • 自己公司做出海业务的,自然要对接海外很多的开发生态和服务,比如目前很火的 AI 应用落地,包括我自己用的也是。
  • 独立开发者,JavaScript 一门语言,即可快速搭建一套 Web 产品
  • 海外兼职 & 全职开发,如果你要做海外 JavaScript 全栈开发,Next.js 应该是必须要学的

不用 Next.js 不行吗?

这个问题就类似,我用 Jquery 开发有何不可,为何要用 React ?对我而言,技术的发展和火爆,一定是基于其历史和需求而演进的,并非为了技术而技术,拥抱 Next.js ,是为了未来。

最初可能会认为 SEO 是学习 Next.js 的首要原因,这个是错误的理解,因为目前搜索引擎基本都针对单页应用做了 SEO 的优化,已经不是几年前的情况了。SEO 可以理解为 Next.js 提供的 SSR 方案带来的一个便捷的好处而已。

我认为,学习 Next.js 的原因如下。

1、性能优化综合解决方案

Next.js 的核心是其性能优化的方案,比如对于缓存的极致拆分和应用,其核心 SSR,SSG,ISR,以及基于 React Server Component 的 APP Router,Streaming 都是为了提升性能服务。路由缓存、接口缓存、内置 Image 组件的各种优化、懒加载、预加载。。。Next.js 提供了上述技术点的一整套的解决方案。

2、全栈开发的好搭档

Next.js 拥有服务端开发的能力,对于很多中小型的应用,一套 Next.js 即可完成开发,仅仅用一套通用的 JavaScript & TypeScript 就能避免前后端的 Gap,在很多场景下让人直呼真香,小的创业团队,或者中小型应用,Next.js 应该是事实上的首选了。

3、强大的生态

  • 配合 TailwindCSS 生态里面的各种组件,能够快速而且个性化的定制自己的网站。
  • 国内可能不重视 SEO,但是在国外基本都是 Google 覆盖的情况下,SEO 是能决定公司营收的巨大利器,Next.js 自然而然就会被用到。
  • Vercel 平台的出现,一改之前 Web 应用开发的形式,提供 Serverless 的打包构建、部署的能力,能够消除开发者在部署上面的精力消耗,只聚焦业务开发即可,而且 Vercel 公司的运作模式,注定 Next.js 的发展速度和上限会更高。

2023 年被称为 AI 元年,如果你关注那些开源的 AI 网站,很多都是基于 Next.js 构建的

如何学习

Next.js 基本上中文资料都参差不齐,建议直接看英文官网文档,避免踩坑。

Next.js 官方提供了许多示例,在熟悉了官网网站的使用后,直接看这些示例,就能直接了解到实际场景中的使用了,这样学习会事半功倍。

Read more

郑州互联网薪资统计及 AI 时代的现状

郑州互联网薪资统计及 AI 时代的现状

22 年郑州前端薪资真实统计(200+份样本) 22 年我在郑州前端大群里面统计了一波郑州互联网薪资,当时以为只是开始,想着后面会有更多的企业来到郑州,情况会越来越好,而现在回头来看,没想到那时才是顶峰。 当时在群里面收集到 200+ 位投票,匿名填写自己的薪资情况,当时跟大家特意强调了要保证数据的真实性,也找群员验证过,基本真实性可信: * 🐣 3-6k 占比不少,主要是郑州的工资水平低,对于刚出来的,在小公司的这个薪资也正常,实习生 or 小作坊 * 🐰 6-12k 的占大多数,涵盖了郑州本土大多数互联网公司的薪资范畴,大多数的常规业务开发 * 🐵 12-20k 主要集中在本土大公司、一线城市在郑州的研发团队、外包公司,核心业务开发人员 🦄 20k+ 高学历 or 有大厂经验,主要为本土大公司或者一线公司在郑州的带队 leader ,能力较强,一般承担一些管理角色。 25年:职场寒冬来袭,状况还在持续恶化 一线公司研发部门的撤离 这也是我最在意的一条: 之前有一些一线城市的研发交付部门会在郑州有成立研发交付中心,从疫情之后,

RAG不是万能的,附常见误解与澄清

RAG不是万能的,附常见误解与澄清

能给人理清目前 AI 在生产落地的问题,是一件难能可贵的事情,AI 在生产落地会有哪些阻碍的讲解,讲干货的真的是很少,至少我自己曾经在这个问题上困惑了很久。 因为之前我在 AI 电商团队,做具体的 AI Sass 落地的时候,团队经常会沟通做到生产级可用的 AI,需要哪些东西,大概的门槛还是了解到一些的,我的能力也顶多在应用层面去做一些工作量的定制与代码衔接,涉及到模型层面,一概歇菜,很多人估计只是想着,写一个 Prompt ,就是真正的拥抱 AI 了。 当我看到自媒体里面铺天盖地的在讲 AI 如何帮助企业提效,如果重塑行业的时候,有种很复杂的感觉,他们真的懂 AI 吗,甚至他们真的懂软件吗? 基本上现在大家接触到的方式就几种: * 割韭菜卖课,讲概念,前景,这些基本上都是拿别人的产品来给自己做嫁衣,自己顶多是个工具的使用者和营销者,比如用 Midjourney,Kimi,豆包,海螺什么的,告诉大家用了就能提效,获得流量,

Shopify 构建商城页面的几种方式

Shopify 构建商城页面的几种方式

当用户需要对 Shopify 商城页面有自定义的需求时,一般会选择: 1、直接使用官方商城的 theme 来构建,可以使用,但是免费模板较少,只有 13 个。 2、使用第三方 theme 来构建,也有很多的模板可以选择,比如 envato 上有数百个 shopify 的模板,这是个非常大的市场。 3、完全自定义开发,自由度最高 当用户对 Shopify 商城页面,有完全自定义的需求,通常是常规主题无法满足需求,推荐使用 Shopify Hydrogen 的官方方案,开发人员可以对商城进行完全的页面级别的自定义。 而对于开发人员来说,官方的 Shopify Liquid 开发起来的效率和体验,是不如 Shopify Hydrogen 来的舒服,而且使用 Shopify Hydrogen ,还可以对性能有提升,

Meepo 要找一份远程前端(全栈)开发的工作

Meepo 要找一份远程前端(全栈)开发的工作

为什么找远程岗位 我一直是比较喜欢远程合作的方式,基本上从事远程开发的团队,都是奔着做事去的,大家能筛选到一起,为一个目标而努力,是一件很难得的事情,远程协作的方式,在自由度和产出之间能保持非常好的平衡,没有必要在通勤以及办公室的无效沟通上浪费太多的时间。 技术特点如何 前端: React + TypeScript 生态体系,常规的网页开发,浏览器插件,Electron 客户端开发都 OK,对各种前端技术方案有一定的沉淀和实践。 后端: Nextjs + Nestjs 开发全栈站点及后端 API 服务 个人特点 即插即用,对于大多数的前端场景和技术方案,都有所涉及。 多年的开发经验,对企业自有产品开发,大客户定制,以及独立开发,有一定的观察和沉淀。 拥抱 AI,对当下比较热门的 AI 技术有一定的了解和沉淀。 喜欢分享和交流,对技术和业务,以及营销都感兴趣。 之前接触的一些业务形态 公司层面: 主要是国内客服领域,涉及到全流程客服,IM,音视频等