【完结11章】前端全栈进阶 Nextjs打造跨框架SaaS应用

【完结11章】前端全栈进阶 Nextjs打造跨框架SaaS应用 SaaS服务模式与传统许可模式软件有很大的不同，它是未来管理软件的发展趋势。相比较传统服务方式而言SaaS具有很多独特的特征：SaaS不仅减少了或取消了传统的软件授权费用，而且厂商将应用软件部署在统一的服务器上，免除了最终用户的服务器硬件、网络安全设备和软件升级维护的支出，客户不需要除了个人电脑和互联网连接之外的其它IT投资就可以通过互联网获得所需要软件和服务。此外，大量的新技术，如Web Service，提供了更简单、更灵活、更实用的SaaS平台。 Next.js是一个基于React的轻量级框架，用于构建React应用程序。它在React的基础上提供了一些增强功能，包括服务器渲染（SSR）、静态生成（SSG）、路由等。Next.js的目标是简化React应用程序的开发流程，并提供更好的性能和开发体验。 为什么选 NextJS 优点: 首屏加载速度快 我们的内嵌场景比较丰富，因此比较追求页面的一个首屏体验，NextJS 的产物类似 MPA（多页面应用），在请求页面时会对当前页面的资源进行按需加载,而不是去加载整个应用, 相对于 SPA 而言，可以实现更为极致的用户体验。 SEO优化好 SSR \ SSG \ ISR 支持页面内容预加载，提升了搜索引擎的友好性。 内置特性易用且极致 NextJS 内置 getStaticProps、getServerSideProps、next/image、next/link、next/script等特性，充分利用该框架的这些特性，为你的用户提供更高层次的体验，这些内容后文会细讲。 缺点： 页面响应相对于SPA而言更慢 由于页面资源分页面按需加载，每次路由发生变化都需要加载新的资源，优化不够好的话，会导致页面卡顿。 开发体验不够友好 开发环境下 NextJS 根据当前页面按需进行资源实时构建，影响开发及调试体验