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

76 阅读2分钟

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

QQ截图20240523142001.png

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 根据当前页面按需进行资源实时构建,影响开发及调试体验