使用 Nuxt.js 生成静态站点

Static Site Generation with Nuxt.js

了解如何使用 Nuxt.js 生成静态网站(预渲染),以提高性能和 SEO,同时消除托管成本。

关于使用Nuxt.js生成静态站点课程

预渲染或静态网站生成是每个前端开发人员都应该知道的宝贵技术。将您的应用程序编译为静态 HTML 文件是一个可以提高性能和 SEO 的过程。它还可以大大降低您的托管成本。

Nuxt.js使我们能够轻松生成静态路由和动态路由的静态站点,即使异步加载数据也是如此。

完成本课程后,您将熟悉:

  • 什么是静态站点生成
  • 服务器端渲染和预渲染之间的区别
  • 如何预渲染静态路由
  • 如何预渲染动态路由
  • 生成动态路由时如何缓存异步数据

预渲染与服务器端渲染不同。如果您想了解服务器端渲染和 Nuxt,请查看我们的 Async Data with Nuxt.js 课程。如果您还没有Nuxt.js经验,我们推荐我们的Nuxt.js基础课程。

本课程是与Nuxt.js核心成员亚历山大·利希特(Alexander Lichter)共同制作的。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。