JAMStack-SSR/SSG 框架
JAMStack(JAM 代表 JavaScript,API 和 Markup)是一种使用 Static Site Generators (SSG) 技术、不依赖 Web Server 的前端架构:
- Next.js 是基于 React 的 SSR/SSG 框架。
- Scully 是基于 Angular 的 SSG 框架。
- VitePress 是 Vue 官方推出的 SSG 框架。
Ledge(源自 know-ledge,意指承载物)知识平台是基于我们所进行的一系列 DevOps 实践、敏捷实践、精益实践提炼出来的知识体
Ledge 网站使用 Angular 开发。作为一个类 Wiki 型的网站,它使用 Markdown 作为编写内容的语言,使用 Ledge Framework 动态的将 Markdown 转换为 HTML
Scully 作为 SSG 框架,在 build 阶段依据路由将内容提前转换为 HTML 页面
Gatsby
Gatsby是一个可以让开发者使用React,GraphQL等现代技术快速开发网站的静态网站生成器(static-site generator)。它是存在于网站构建(build)阶段的一个工具
JAMStack-SSR/SSG 框架相关推荐
- 看了就会的Next.js SSR SSG实战教程
Next.js是基于React的服务端渲染工具.在传统的React项目中,例如使用Create-React-App创建的项目,最终build生成的静态文件,是基于浏览器渲染的,即所谓的CSR(Clie ...
- 什么是SSR/SSG/ISR?如何在AWS上托管它们?
概述. 在这篇文章中,我们将讨论如何在AWS上运行SSR/SSG/ISR以及App Runner的魅力. 内容 我们将首先分别解释传统和现代网络应用. 接下来,我们将介绍如何在AWS上托管SSR/SS ...
- Next.js---一个轻量级的 React SSR应用框架
Next.js---一个轻量级的 React SSR应用框架 为什么要用Next.js Next.js介绍 优点 创建 项目目录结构 Next中的路由 如何实现跳转 带参跳转 路由钩子 使用 数据请求 ...
- React Umi SSR SSG 使用TypeScript的最佳实践
说明 Umi文档对TypeScript 只字未提 (太糟糕了, 感觉像是 KPI 项目), 所以只能自己看源码 和 Github 去捞TS的定义 最终封装为一个类型IUmiPage 使用的时候只需要指 ...
- SSG框架Gatsby访问数据库,并显示到页面上
前言 对于一些不长变的前端项目中,如个人博客.公司官网,可能技术选型为SSG框架会相对比之前的CSR会更好些,也会更快,最近研究了下Gatsby框架,感觉不错,就简单写了一个用其访问MySQL数据库, ...
- Nuxt - Universal(SSR / SSG)/ Single Page App(渲染模式)
前言 目前前端渲染模式,大致分为 3 种: 客户端渲染 CSR (Croswer Side Render) 服务端渲染 SSR (Server Side Render) 静态网站生成 SSG (Sta ...
- 从零搭建SSR+VUE框架(附源码)
前言 此文章从0开始搭建一个简易的ssr框架,需要有一定的ssr基础,用的是vue2.0,文末附有源码 1.新建一个vue项目 vue init webpack my-ssr 2.找到项目中route ...
- 分享SEO优化的8个技巧
什么是SEO? SEO是Search Engine Optimization的缩写,直译过来就是"搜索引擎优化"的意识.故名意思,SEO是一种优化(提高)网站在搜索引擎内的自然排名 ...
- 干货 | 新时代的 SSR 框架破局者:qwik
作者简介 19组清风,携程资深前端开发工程师,负责商旅前端公共基础平台建设,关注NodeJs.研发效能领域. 引言 今天这篇文章中和大家聊一聊号称世界上第一个 O(1) 的 JavaScript SS ...
最新文章
- 机器人抓矸石_基于机器视觉的多机械臂煤矸石分拣机器人系统研究
- 【C++ 语言】引用数据类型 ( 引用数据类型定义 | 引用数据类型使用 | 引用类型参数 )
- 获取Json中特定的值
- Android 读取文件内容
- Ubuntu/环境变量:修改/etc/environment 导致开机不能进入桌面
- mysql u0019_mysql服务无法启动
- Vue之表单数据收集
- 记 计算机 科学学院 教师,学风浓厚,桃李芬芳—记计算机学院金国祥老师
- 数字电路基础知识——时序逻辑电路之时序逻辑分析方法
- 微信小程序flex布局讲解
- vfp python_2018年VisualFoxPro
- mybatis使用generator生成器生成entity,mapper,xml模版类及自己写sql情况处理
- 【深度学习】实验5答案:滴滴出行-交通场景目标检测
- UML—用例图的扩展关系和包含关系的区别
- linux 4g 拨号,4G模块Linux PPP拨号说明
- 安卓手机备忘录怎么添加录音
- 认识SD卡家族(SD miniSD microSD TF SDIO)
- OC中的Block属性
- 【信号处理】CFO估计技术(Matlab代码实现)
- Maven安装和配置详细步骤
热门文章
- shell编程之【告警系统】
- VMware 下安装centos7,无法进入图形化界面
- C++ Primer Plus 读书笔记(第4、5章)
- 为什么vi用HJKL和ESC
- [C++]出错member access into incomplete type
- Q81:“三角形网格”之“PLY文件”
- ETL数据清洗的案例
- 数据挖掘有哪些主要步骤
- python 类命名空间,关于python:命名空间和类
- 小程序中里的bindinput_云开发实战分享|诗和远方:旅行小账本云开发