在讲技术前，想先说点口水话。
1.我在近一年的工作里，没学习到什么新技能，因此技术上基本没什么长进。
2.现在成都买房取消所有限购政策，能明显感觉成都经济不容乐观。
3.我认识的朋友里，无论他们在国内哪个城市，前端岗位已明显开始走下坡路。或者说整个互联网行业都在走下坡路，2024年乃至以后，已经不是当年热火朝天的互联网时代。
4.我喜欢用在线Markdown编辑器“作业部落”，在8个月前它服务停了，导致我很多文章都没备份。最近刚刚恢复，基于免费使用10年等因素，我决定支持一下，购买会员并导出我之前写的所有文章。
5.有一句话让我印象深刻：目前从事互联网技术人员要么进国企，要么出国。我学历是硬伤，也大概念会选择后者。
本篇文章主要内容：
- 一、Vue > React
- 二、什么是 Nuxt.js？
- 三、什么是 Next.js？
- 四、Nuxt.js vs Next.js
一.Vue > React
在国外，最另我意外的是技术栈 vue 竟然比 react 适用场景多。
我一直认为 react 体系和生态的难度高、上手成本高，应该比较吃香。
但现在国内外市场告诉我，vue 比 react 更容易找工作。
为什么会出现这样的现象？
理由也简单：经济下行，互联网公司没以前赚钱，甚至倒闭。
react适合大型项目，vue适合中小型项目。对于目前的前端人员来说，在大厂混的迟早会离开。最近看到的新闻，蚂蚁语雀创始人，飞书开放平台负责人玉伯（王保平）离职创业，方向是文档+AI。玉伯在前端技术人员来说是鼻祖的存在，他的离开，我认为是有一定道理和意义的。无论在哪个大公司，前端的地位是永远小于后端的，也很难成为CTO，点到为止。
目前国内，大公司也勉强通过靠裁员降本正常运转，中小创业公司该倒闭的也都倒闭的差不多了，目前市场，仅剩很小的公司或勉强生存的公司还活着。这些公司迭代周期快，追求效率，立刻实现才是核心竞争力，所以相比 react，vue 可能会更受欢迎一些。
二、什么是 Nuxt.js？
Nuxt.js 官网：https://nuxt.com
Nuxt.js 是一个使用 Vue.js 构建网站的全栈框架。
Nuxt.js 的主要特性
自动路由 - 它会根据文件名自动生成路由，无需自行设置。
状态管理 - 它可以轻松地从不同的地方获取数据，方便集成Vuex、Pinia、Harlem、XState。
多种渲染 - 它提供服务端渲染（SSR）、客户端渲染（SPA）、静态站点生成（SSG）、混合渲染模式（Hybird）、边缘渲染（Edge-render）。
中间件 - 它提供拦截器功能，支持拦截页面路由和请求。
Nuxt.js 的优缺点
Nuxt.js 优点：
- 它使构建网站变得更加简单
- 它默认 SSR 服务器渲染
- 它与 Vue 良好配合
Nuxt.js 缺点：
- 如果是 Vue 新手，还有更多东西需要学习
- 拥有大量数据的较大网站可能会变得棘手
- 使用它的项目并不多，寻求帮助或资源可能会变得困难
Nuxt.js 的适用场景
- 网上商店或服务网站
- 个人或企业博客
- 营销网站
三、什么是 Next.js？
Next.js 官网：https://nextjs.org
Next.js 是一个使用 React 构建网站的全栈框架。
Next.js 的主要特性
- Nuxt.js 有的功能它都有
- 最好的生态，最全面的功能
- 专业公司背景，甚至可以影响 React 官方
- 更全面的基建，解决开发者最不擅长的运维问题
Next.js 的优缺点
Next.js 优点：
- 它可以使用 React 体系快速构建项目
- 它使网站运行更流畅、更快
- 它很容易把网站放到网上，尤其是在 Vercel、Netlify 这样的平台上
Next.js 缺点：
- 技术太过前沿，有些知识部分可能很难学
- 一切都必须使用 React
Next.js 的适用场景
- 网上商店或服务网站
- 个人或企业博客
- 营销网站
- Sass 后台管理
四、Nuxt.js vs Next.js
我在国外用的技术栈是 React 和 Vue，React 专门用于 APP 开发，技术栈 React Native；Vue 专门用于 Web 开发，网站或后台，技术栈 Nuxt、Vue3 Element-Plus。 对于 Next 我只简单用过，并未在真实项目里实战过，但我相信学习 Next 肯定有一定意义的。
以下是这两个的对比图：
Web 项目选择 Next.js 和 Nuxt.js 取决于多种因素，包括团队对 React 或 Vue.js 的熟悉程度、项目的复杂性以及所需的功能。
- Nuxt.js：基于 Vue.js 构建，它通过约定和自动设置简化开发。它非常适合快速项目或较小的应用程序。
- Next.js：基于 React 构建，它为复杂项目提供更多控制和灵活性。它非常适合大型应用程序以及优先考虑 SEO 和性能的应用程序。
总的来说 Nuxt.js 和 Next.js 区别本身不算大，唯一区别是使用 Vue 还是 React 开发项目。
如果你两个都会，那么快速、简单做小型项目选 Nuxt.js，灵活、复杂做大型项目选 Next.js。
最后多说一句，前端的未来是全栈。
我也一直在往这个方向去靠拢，我们没法去影响国内的互联网经济，公司是否壮大或倒闭，更没办法去改变自己被裁，找不到工作的命运。但是当自己停滞不前的时候，也一定是你被公司裁员的时候。
既然从事互联网行业，那么一定努力让自己成为行业的前 Top 5%，如果不能，那还是尽早放弃，早点换行。
学到老，活到老，对于正在从事互联网行业的技术人员而言，无论后面做架构还是做管理，一定是真理。昨日种种，皆成今我，加油。
