学习二十一、静态站点

# Gridsome 是什么

- 一个免费、开源、基于 Vue.js 技术栈的静态站点生成器

- 官方网站:https://gridsome.org/

- GitHub:https://github.com/gridsome/gridsome

## 什么是静态站点生成器

- 静态站点生成器是使用一系列配置、模板以及数据,生成静态 HTML 文件及相关资源的工具

- 这个功能也叫预渲染

- 生成的网站不需要类似 PHP 这样的服务器

- 只需要放到支持静态资源的 Web Server 或 CDN 上即可运行

## 静态站点的好处

- 省钱

  - 不需要专业的服务器,只要能托管静态文件的空间即可

- 快速

  - 不经过后端服务器的处理,只传输内容

- 安全

  - 没有后端程序的执行,自然会更安全

## 常见的静态站点生成器

- Jekyll (Ruby)

- Hexo (Node)

- Hugo (Golang)

- Gatsby (Node/React)

- Gridsome (Node/Vue)

- 另外,Next.js,Nuxt.js 也能生成静态站点,但是它们更多被认为是 SSR 框架

## JAMStack

- 这类静态站点生成器还有个漂亮的名字叫 JAMStack

- JAMStack 的 JAM 是 JavaScript、API 和 Markup 的首字母组合

- 本质上是一种胖前端,通过调用各种 API 来实现更多的功能

- 其实也是一种前后端的模式,只不过离得比较开,甚至前后端来自多个不同的厂商

## 静态应用的使用场景

- 不适合有大量路由页面的应用

  - 如果您的站点有成百上千条路由页面,则预渲染将非常缓慢。

  - 当然,您每次更新只需要做一次,但是可能要花一些时间。

  - 大多数人不会最终获得数千条静态路由页面,而只是以防万一。

- 不适合有大量动态内容的应用

  - 如果渲染路线中包含特定于用户查看其内容或其他动态源的内容,

  - 则应确保您具有可以显示的占位符组件,直到动态内容加载到客户端为止,

  - 否则可能有点怪异

# strapi

- 一个能够提供GraphQL数据层的CMS解决方案

- url:https://strapi.io/

猜你喜欢

转载自blog.csdn.net/qq_40289624/article/details/110947750