LogoLogo
HomeBlogResources
  • README
  • Design
    • Awesome Design Tools
      • Awesome Design Tools
    • Awesome-UI-Templates
      • README-en
    • awesome-design-systems
      • Awesome Design System
    • Awesome Figma
      • Awesome Figma
    • awesome-styleguides
      • README-en
    • awesome-typography
      • Awesome Typography
    • awesome-ui
      • README-en
    • Awesome UX Design Styleguides
      • Awesome UX Design Styleguides
    • awesome-ux-designer
      • README-en
      • Reading list
    • awesome-ux
      • README-en
    • Awesome Webflow
      • webflow-masterclass
        • Webflow + Firebase用戶認證
    • webflow-masterclass
      • Webflow + Firebase用戶認證
  • Devops
    • Awesome SaaS boilerplate
    • Free for Dev
    • Mega Awesome List
    • Awesome-WordPress-Plugins
      • Awesome WordPress Plugins List
    • Awesome Wordpress Plugin List
    • Awesome CMS
    • awesome-flutter-cn
    • awesome-headless-cms
      • readme-en
    • Awesome-jamstack-resources
      • Awesome-jamstack-resources
    • Awesome Laravel
      • Awesome Laravel
    • awesome-list
      • The awesome manifesto
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • Creating Your Own List
      • pull_request_template
      • Media
    • Awesome Minio
    • awesome-react
      • README-en
    • Awesome Stack
      • Awesome Stacks
    • Awesome UI component library
      • Awesome UI component library
    • awesome-uikit
      • README-en
    • awesome-vercel
      • Awesome Vercel (Previously ZEIT )
    • Awesome WooCommerce
      • Awesome WooCommerce
    • Awesome WordPress
      • Awesome WordPress
    • Awesome Wordpress Developer Tools
      • Awesome WP Developer Tools
  • Marketing
    • Awesome ADTech
      • Awesome AdTech
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • HubSpot CMS Boilerplate
      • HubSpot CMS Boilerplate
    • Awesome HubSpot
    • Awesome Marketing
    • awesome-seo
    • marketing-for-engineers
      • README-en
    • Tech-Marketer
  • Nocode
    • Awesome NoCode / LowCode
      • readme-en
  • Server
    • Awesome Cloudflare
      • Awesome Cloudflare
    • Awesome-Selfhosted
      • Awesome-Selfhosted
  • shopify
    • Awesome Shopify
      • Awesome Shopify
    • Shopify Awesome 真棒!
      • Awesome Shopify
  • Tools
    • Awesome VS Code
    • Awesome Mac
      • Awesome Mac
      • editor-plugin-zh
      • editor-plugin
    • Awesome Nomad
      • Awesome Nomad
    • Awesome-notion
      • Awesome Notion (Eng)
    • awesome-tools-for-startups
      • Awesome list of FREE tools Startups should be using
  • web3
    • Blockchain-stuff
      • CONTRIBUTE
    • Blockchain-stuff
    • Web3.0_Vault-main
    • Web3.0_Vault-main
      • basics
    • awesome-discord-communities
      • Contributor Covenant Code of Conduct
      • CONTRIBUTING
      • FAQ
      • Server Badges and Tags
      • .github
        • ISSUE_TEMPLATE
          • custom
        • ISSUE_TEMPLATE
          • issue--exisiting-community
        • ISSUE_TEMPLATE
    • awesome-ethereum
    • awesome-solidity-gh-pages
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • Awesome Web3
      • Awesome Web3 Code of Conduct
      • Contribution Guidelines
      • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • Contributor Covenant Code of Conduct
    • free-Web3-resources
      • Contributing Guidelines
    • free-Web3-resources
    • free-Web3-resources
      • Intro to Solidity
    • free-Web3-resources
      • 200-days-of-Web3
    • free-Web3-resources
    • free-Web3-resources
    • Free Web3 Resources
    • free-Web3-resources
      • .github
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
    • Web3.0_Vault-main
    • web3together-main
      • CODE_OF_CONDUCT
      • sessions
        • Getting Started in Smart Contract Development with Solidity
    • free-Web3-resources
      • .github
        • PULL_REQUEST_TEMPLATE
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • bug_report
    • free-Web3-resources
      • .github
        • ISSUE_TEMPLATE
          • feature_request
  • webgl
    • Awesome-threejs
      • docs
        • Hellow Three.js 之 三维空间中观察物体的方法--照相机
        • 创建自己的全景图
        • Hellow Three.js 之 创建各种几何形状
        • hello-light-pro
        • Hellow Three.js 之 光影之谜
        • Hellow Three.js 之 加载外部3D模型
        • Hellow Three.js 之 给创建的物体赋予材质
        • hello-obj-mtl
        • P5
        • Hellow Three.js 之 有趣的着色器
        • Hellow Three.js 之 运动物体的性能监测
        • Hellow Three.js 之 让物体动起来
        • Hello Three.js 之 Hello world!
        • what-webgl
        • glsl
          • GLSL 中文手册
          • OpenGL GLSL 语法和函数详解
          • The book of shaders 记录
          • 各种 Shaders 效果
      • demo
        • 有趣的 three.js Demo
          • Decorative WebGL Backgrounds
          • Infinite Tubes
          • The Aviator
        • P5.js Demo
        • Learning-Threejs
          • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • learning-threejs
        • Learning-Threejs
          • master
            • assets
              • models
                • ogre
                  • ogro
    • awesome-threejs
      • README-en
      • Contributor Covenant Code of Conduct
      • Contribution Guidelines
    • Awesome WebGL
      • CONTRIBUTING
      • Awesome WebGL
      • Contributor Covenant Code of Conduct
      • Libraries
        • CONTRIBUTING
      • Libraries
        • WebGL Libraries - Features
      • Libraries
        • WebGL Libraries - File Size
      • Awesome WebGL - Libaries/Frameworks
  • AI
    • ChatGPT 中文指南
    • 生成式 AI 項目、工具、藝術作品和模型的精選列表
    • 精選 GPT-4 指南
    • ChatGPT 工具收錄
      • Awesome ChatGPT
    • ChatGPT 中文調教指南
    • GPT 開放原始碼項目合集
    • ChatGPT 應用收藏
    • Awesome OpenAI - 超酷的 OpenAI 蒐藏
      • Awesome-openAI
    • Awesome GPT-3 應用集
      • Awesome GPT-3
    • ChatGPT 提示指令庫
      • Awesome ChatGPT Prompts
  • SaaS
    • awesome-saas-boilerplates
Powered by GitBook
On this page
  • Jamstack 站點展示
  • 平台
  • 靜態站點生成器
  • 內容管理系統
  • API
  • 數據庫
  • 無服務器
  • 視頻
  • 教程/文章
  • 書籍
Export as PDF
  1. Devops

Awesome-jamstack-resources

Previousreadme-enNextAwesome-jamstack-resources

Last updated 2 years ago


## 官方的

  • - 關於 Jamstack 的視頻和文章。

Jamstack 站點展示

  • - 基於 Gatsby 構建並託管在 Netlify 上。

  • - 建立在 Gatsby 之上。

  • - 託管在 Netlify 上,展示了現代 Web 應用程序的高級功能。

  • - 基於 Gatsby 構建並託管在 Netlify 上。

  • - 基於 Gatsby 構建並託管在 Netlify 上的 PWA。

  • - PWA 基於 Next.js 構建並託管在 Zeit Now v2 無服務器平台上。

  • - 基於 Netlify 上託管的 Eleventy.js 構建並使用 Tailwind CSS 進行樣式設置

平台

靜態站點生成器

內容管理系統

API

### 驗證

### 評論

### 形式

### 電子商務

### 搜索

數據庫

### 文件管理

無服務器

  • 微軟天青

  • 谷歌云

視頻

教程/文章

  • [如何使用 Vue.js、Nuxt.js 和 Cosmic JS 構建 JAMstack 網站](https://cosmicjs.com/articles/how-to-build-a-jamstack-website-using-vuejs-nuxtjs-and -cosmic-js-jws3mpy1)

  • [Jamstack 和 Netlify:我們真的需要另一個流行語嗎?](https://noti.st/philhawksworth/qp7jZC/jamstack-and-netlify-do-we-really-need-another-buzzword)

  • [Jamstack PWA — 讓我們構建一個投票應用程序。使用 Gatsby.js、Firebase 和 Styled-components Pt。1](https://medium.com/@UnicornAgency/jamstack-pwa-lets-build-a-polling-app-with-gatsby-js-firebase-and-styled-components-pt-1-78a03a633092)

  • [帶有 Netlify 和 iOS 快捷方式的動態靜態站點;使用 Netlify 函數、Gulp 構建過程和 iOS 快捷方式將動態內容髮佈到您的靜態站點](https://bryanlrobinson.com/blog/2018/11/12/ios-shortcuts-pushing-data-to-netlify-static -地點/)

  • [A Ghost 演示:如何使用 Ghost CMS 進行 Headless [教程]](https://hashnode.com/post/a-ghost-demo-how-to-go-headless-with-ghost-cms-tutorial- cjy4fxmmr0001rts1pyp2ch2s)

  • [靜態文件託管不必如此......靜態](https://css-tricks.com/static-file-hosting-doesnt-have-to-be-so-static/)

  • [靜態優先:使用無服務器渲染作為後備的預生成 JAMstack 站點](https://css-tricks.com/static-first-pre-generated-jamstack-sites-with-serverless-rendering-as-a-倒退/)

書籍

## 執照

- 用於自動化現代 Web 項目的多合一平台。

- 適用於現代 Web 應用程序的多合一無服務器平台,具有無配置工具和工作流程。

- 用於 React 的快速靜態站點生成器。

- 用於靜態和服務器渲染應用程序的輕量級框架。

- Hugo 是一個用 Go 編寫的靜態站點生成器。

- Jekyll 是一個簡單的、支持博客的、靜態站點生成器,非常適合個人、項目或組織站點。

- 一個快速、簡單、強大的博客框架,由 Node.js 提供支持。

- Vue 支持的靜態站點生成器,用於為任何無頭 CMS、API 或 Markdown 文件構建 CDN 就緒的網站。

- 基於 vue 的多功能框架,用於服務器端渲染、靜態和傳統單頁應用程序。

- 一個更簡單的靜態站點生成器,將各種模板文件轉換為 HTML。

- 一個用 C++ 開發的跨平台開源網站生成器,速度極快,功能強大。

- 帶有 REST 和 GraphQL API 選項的無頭 CMS。

- 可擴展的雲原生無頭 CMS。

- 數字團隊的內容基礎設施。

- 開源的基於 Git 的 CMS。

- 無頭 CMS 和內容 API。

- GraphQL Headless CMS。

- 適用於開發人員和營銷人員的無頭 API CMS。

- 適用於您的靜態網站的友好 CMS。

- 您的編輯會喜歡的基於 API 的 CMS。

- Prose 是 GitHub 的內容編輯器,專為管理網站而設計。

- 下一代 API-first CMS。

- 用於使用靜態站點生成器構建的站點的無頭 CMS。

- Jamstack 站點的內容管理系統列表。

- 用於在線出版物的無頭 CMS

- 開源無頭 CMS 前端開發人員喜愛。

- 單點登錄和基於令牌的身份驗證。

- 帶來一整套身份驗證功能,由 提供支持。

- REST API 用戶管理系統,用於您的網站,具有 JWT + 額外功能的身份提供商。

- 全球評論系統,可改善網站上的討論並連接網絡上的對話。

- 評論插件允許人們使用他們的 Facebook 帳戶評論您網站上的內容。

- 基於 GitHub 問題構建的輕量級評論小部件。將 GitHub 問題用於博客評論、wiki 頁面等。

- 為開發人員構建的表單後端:Zapier 集成、零依賴、簡單的 API 和無限的表單。

- 設計者和開發者的表單後端平台。在幾分鐘內為您的靜態站點設置表單端點,並通過 Zapier 集成和 Webhooks 支持擴展您的數據。

- 通過在部署時直接解析 HTML 文件,在構建時內置表單處理。

- 使用 Arengu 構建註冊表單和登錄表單,啟用社交登錄,添加 2FA 或使用無密碼流程通過您的 API 或身份提供者對用戶進行身份驗證。

- 一個強大的開發者購物車平台。

- 面向開發人員的電子商務 API。

- 專為 Jamstack 設計的購物車。

- Shopify 無頭電子商務解決方案。

- 面向開發人員的 API 優先電子商務平台。

- 在您的業務中構建搜索的最可靠平台。

- 搜索變得簡單(在前端)。

- API 的查詢語言和使用現有數據完成這些查詢的運行時。

- 開源和自託管後端即服務,用於開發無服務器 GraphQL 後端。

- 在雲端或本地具有連接、索引和多區域 ACID 事務的關係型 NoSQL 數據庫。

- 具有索引和額外功能的應用程序的 REST API 文件管理器。

- Netlify 允許您在沒有 AWS 賬戶的情況下部署 Lambda 函數,並在 Netlify 中直接處理函數管理。

- 讓您無需預置或管理服務器即可運行代碼。

- 無服務器計算服務使您能夠按需運行代碼,而無需顯式預配或管理基礎架構。

- 簡化構建自動化可擴展工作流,跨雲服務和本地系統集成應用程序和數據。

- 完全抽象基礎設施的無服務器應用程序,因此您只關注代碼。

- 用於構建和連接雲服務的無服務器環境。

- 高度可擴展的 NoSQL 數據庫,具有自動分片和復制功能。

- 滿足高 QPS 需求的地理冗餘對象存儲。

- 適用於所有消息大小和速度的地理冗餘實時消息傳遞。

- 多雲環境的企業 API 管理。

- 基於 Google Cloud 構建的 API 管理應用。

- 無服務器流和批處理數據處理服務。

- 無服務器數據倉庫服務,可幫助您為企業部署高級雲數據倉庫解決方案。

- 基於自定義 Google 硬件(張量處理單元)自動擴展的無服務器機器學習服務。

- 用於部署和操作無服務器架構的工具包。

- 無服務器媒體(圖像/視頻)管理平台。為 Jamstack 提供每種流行語言的 SDK 和媒體小部件,以便輕鬆管理媒體、CDN、存儲、轉換等。

- 無服務器圖像交付和管理服務。imgix 連接到您的圖像存儲位置(例如 S3、GCS、Web 文件夾),並使用簡單而強大的 URL 參數轉換、優化和智能地交付您的圖像。

- 建立在 AWS 上的後端即服務解決方案,缺少提高在線業務的成功率。

有關更完整的列表,請參閱 。

- Matt Biilmann。

- Mathias Biillman。

- Phil Hawksworth。

- Chris Macrae。

- freeCodeCamp.org。

- Traversy Media。

- Kyle Mathews。

- Jamstack Conf.

- Ahmad Awais。

- Ondrej Polesny。

- Ondrej Polesny。

-

- 作者 Mathias Biilmann 和 Phil Hawksworth(由 O' 出版賴利)。

- 作者:Christopher Pecoraro 和 Vincenzo Gambino

- Mathias Biilmann 和 Phil Hawksworth 的超快速站點和 Web 應用程序新技術

Jamstack
Jamstack 資源
JAMstack 電台
JAMstack 樣板
Netlify 博客
什麼是 JAMstack?
為什麼是 JAMstack?
如何開始?
我的投資組合
React
Squoosh.app
Hopper
VSCode 高級用戶課程
CloudyCam
創意設計大師
Netlify
Vercel
Gatsby
Next.js
Hugo
Jekyll
Hexo
Gridsome
Nuxt.js
eleventy
Nift
Cosmic
Kentico Kontent
Contentful
NetlifyCMS
ButterCMS
GraphCMS
Prismic
Siteleaf
DatoCMS
Prose
Tipe
林業
HeadlessCMS
Ghost
Strapi
Auth0
Netlify Identity
GoTrue API
Jexia UMS
Disqus
Facebook 評論
Utterances
Formcake
Getform
Netlify Forms
Arengu
Snipcart
Moltin
手推車
Shopify
Commerce.js
Algolia
Lunr
GraphQL
Graphcool
FaunaDB
Jexia FileSet
Netlify 函數
Amazon Lambda
Azure Functions
Azure 邏輯應用程序
App Engine
雲功能
雲數據存儲
雲存儲
Cloud Pub/Sub
Apigee
端點
Cloud Dataflow
BigQuery
Cloud ML Engine
無服務器
Cloudinary
imgix
Elastictable
Awesome Serverless
新的前端堆棧。JavaScript、API 和標記
Jamstack 的崛起
Jamstack:愚蠢的名字,嚴肅的東西
基於 Git 或 API 驅動的 CMS
Jamstack 教程 - 使用 Netlify 和 Hugo 的完整站點
蓋茨比 JS 速成課程
我們如何到達這里以及網絡的未來
來自所有 Jamstack 會議的演講
我如何使用 React、Vue 和 Node 構建單個 Jamstack 應用程序
React vs Vue,Gatsby vs Gridsome - 構建同一個站點
WTF 是 Jamstack?
使用 Headless Ghost 2.0 CMS 和 Gatsby 構建 JAMstack 個人博客
Jamstack 上的幽靈
在 Gatsby 中使用 Getform 構建聯繫表單
Gatsby 和 Cockpit 入門 — 第 1 部分,共 2 部分
使用 GatsbyJs 創建靜態電子商務網站
對於靜態站點,沒有理由不使用 CDN
Vue.js、Nuxt.js 和 Snipcart 的電子商務前端
建造章魚保羅
Jamstack 創業版圖
我如何使用 Gatsby 和 Netlify 構建我的博客
無頭電子商務開發者指南
在 Netlify 上使用 Gatsby 處理靜態表單、身份驗證和無服務器功能
Jamstack 客戶端:優勢、靜態站點 CMS 和限制
探索 Netlify CMS,一個基於 React 和 Git 的內容管理系統
Gatsby for Apps
轉靜態動態
使用 Netlify 和 Nuxt 使用 Jamstack
Gridsome 入門
將您的第一個靜態網站部署到 IPFS 的完整初學者指南
關於 Jamstack 和電子商務的廣泛討論(播客和抄本)
靜態站點生成器初學者指南
Jamstack 站點的 9 個無頭 CMS 選項
2020 年 Jamstack 狀態報告
Jamify 教程 — 使用 Gatsby 和 Ghost 發布快速博客
2020 年無頭 CMS 市場狀況報告
為什麼 Next.js 是我對 Gatsby、Gridsome 和 Nuxt 的最終選擇?
採用 JAMStack:使用 Vue 或 React 構建由 CMS 支持的靜態網站
Next.js 電子商務教程:快速購物車集成
如何使用 React Static 和 Cosmic JS 構建博客
如何免費構建靜態無服務器博客😇
JAMStack 與無服務器 Web 應用程序
JAMstack? 更像 SHAMstack。
Jamstack 上的現代 Web 開發
雨果行動
Jumpstart Jamstack 開發
JAMstack 上的現代 Web 開發
麻省理工學院