JAMStack(JAM 代表 JavaScript,API 和 Markup)是一种使用 Static Site Generators (SSG) 技术、不依赖 Web Server 的前端架构:

  1. Next.js 是基于 React 的 SSR/SSG 框架。
  2. Scully 是基于 Angular 的 SSG 框架。
  3. VitePress 是 Vue 官方推出的 SSG 框架。

Ledge(源自 know-ledge,意指承载物)知识平台是基于我们所进行的一系列 DevOps 实践、敏捷实践、精益实践提炼出来的知识体

Ledge 网站使用 Angular 开发。作为一个类 Wiki 型的网站,它使用 Markdown 作为编写内容的语言,使用 Ledge Framework 动态的将 Markdown 转换为 HTML

Scully 作为 SSG 框架,在 build 阶段依据路由将内容提前转换为 HTML 页面

Gatsby

Gatsby是一个可以让开发者使用ReactGraphQL等现代技术快速开发网站的静态网站生成器(static-site generator)。它是存在于网站构建(build)阶段的一个工具

JAMStack-SSR/SSG 框架相关推荐

  1. 看了就会的Next.js SSR SSG实战教程

    Next.js是基于React的服务端渲染工具.在传统的React项目中,例如使用Create-React-App创建的项目,最终build生成的静态文件,是基于浏览器渲染的,即所谓的CSR(Clie ...

  2. 什么是SSR/SSG/ISR?如何在AWS上托管它们?

    概述. 在这篇文章中,我们将讨论如何在AWS上运行SSR/SSG/ISR以及App Runner的魅力. 内容 我们将首先分别解释传统和现代网络应用. 接下来,我们将介绍如何在AWS上托管SSR/SS ...

  3. Next.js---一个轻量级的 React SSR应用框架

    Next.js---一个轻量级的 React SSR应用框架 为什么要用Next.js Next.js介绍 优点 创建 项目目录结构 Next中的路由 如何实现跳转 带参跳转 路由钩子 使用 数据请求 ...

  4. React Umi SSR SSG 使用TypeScript的最佳实践

    说明 Umi文档对TypeScript 只字未提 (太糟糕了, 感觉像是 KPI 项目), 所以只能自己看源码 和 Github 去捞TS的定义 最终封装为一个类型IUmiPage 使用的时候只需要指 ...

  5. SSG框架Gatsby访问数据库,并显示到页面上

    前言 对于一些不长变的前端项目中,如个人博客.公司官网,可能技术选型为SSG框架会相对比之前的CSR会更好些,也会更快,最近研究了下Gatsby框架,感觉不错,就简单写了一个用其访问MySQL数据库, ...

  6. Nuxt - Universal(SSR / SSG)/ Single Page App(渲染模式)

    前言 目前前端渲染模式,大致分为 3 种: 客户端渲染 CSR (Croswer Side Render) 服务端渲染 SSR (Server Side Render) 静态网站生成 SSG (Sta ...

  7. 从零搭建SSR+VUE框架(附源码)

    前言 此文章从0开始搭建一个简易的ssr框架,需要有一定的ssr基础,用的是vue2.0,文末附有源码 1.新建一个vue项目 vue init webpack my-ssr 2.找到项目中route ...

  8. 分享SEO优化的8个技巧

    什么是SEO? SEO是Search Engine Optimization的缩写,直译过来就是"搜索引擎优化"的意识.故名意思,SEO是一种优化(提高)网站在搜索引擎内的自然排名 ...

  9. 干货 | 新时代的 SSR 框架破局者:qwik

    作者简介 19组清风,携程资深前端开发工程师,负责商旅前端公共基础平台建设,关注NodeJs.研发效能领域. 引言 今天这篇文章中和大家聊一聊号称世界上第一个 O(1) 的 JavaScript SS ...

最新文章

  1. 机器人抓矸石_基于机器视觉的多机械臂煤矸石分拣机器人系统研究
  2. 【C++ 语言】引用数据类型 ( 引用数据类型定义 | 引用数据类型使用 | 引用类型参数 )
  3. 获取Json中特定的值
  4. Android 读取文件内容
  5. Ubuntu/环境变量:修改/etc/environment 导致开机不能进入桌面
  6. mysql u0019_mysql服务无法启动
  7. Vue之表单数据收集
  8. 记 计算机 科学学院 教师,学风浓厚,桃李芬芳—记计算机学院金国祥老师
  9. 数字电路基础知识——时序逻辑电路之时序逻辑分析方法
  10. 微信小程序flex布局讲解
  11. vfp python_2018年VisualFoxPro
  12. mybatis使用generator生成器生成entity,mapper,xml模版类及自己写sql情况处理
  13. 【深度学习】实验5答案:滴滴出行-交通场景目标检测
  14. UML—用例图的扩展关系和包含关系的区别
  15. linux 4g 拨号,4G模块Linux PPP拨号说明
  16. 安卓手机备忘录怎么添加录音
  17. 认识SD卡家族(SD miniSD microSD TF SDIO)
  18. OC中的Block属性
  19. 【信号处理】CFO估计技术(Matlab代码实现)
  20. Maven安装和配置详细步骤

热门文章

  1. shell编程之【告警系统】
  2. VMware 下安装centos7,无法进入图形化界面
  3. C++ Primer Plus 读书笔记(第4、5章)
  4. 为什么vi用HJKL和ESC
  5. [C++]出错member access into incomplete type
  6. Q81:“三角形网格”之“PLY文件”
  7. ETL数据清洗的案例
  8. 数据挖掘有哪些主要步骤
  9. python 类命名空间,关于python:命名空间和类
  10. 小程序中里的bindinput_云开发实战分享|诗和远方:旅行小账本云开发