awesome jamstack resources

很棒的jamstack-Resources

這是使用Jamstack：一種現代Web開發體系結構的工具列表，用於創建快速，安全和動態的網站。

想用一些工具 /資源做出貢獻嗎？驚人的！請在貢獻之前閱讀貢獻指南。

內容表

• 官方資源網站
• jamstack網站展示
• 平台
• 靜態站點發生器
• CMS
• API
  • 驗證
  • 評論
  • 表格
  • 電子商務
  • 搜尋
  • 資料庫
• 無服務器
• 影片
• 教程 /文章
• 圖書

---

官方的

• jamstack
• Jamstack Resources - 有關Jamstack的視頻和文章。
• jamstack廣播
• jamstack鍋爐
• Netlify博客
• 什麼是jamstack？
• 為什麼要掃蕩？
• 我如何開始？

jamstack網站展示

• 我的投資組合 - 建在Gatsby上，並在Netlify上託管。
• 反應 - 建在蓋茨比。
• Squoosh.App-託管在Netlify上，演示了現代Web應用程序的高級功能。
• 霍珀 - 建立在蓋茨比（Gatsby）上，並在Netlify上託管。
• VSCODE POWER用戶課程-PWA建立在Gatsby上，並在Netlify上託管。
• CloudyCam -PWA在Next.js上構建，並在Zeit Now Now V2無服務器平台上託管。
• Creative Designs Guru-建立在Netlify託管的Eleventy.js上，並配有Tailwind CSS

平台

• Netlify-自動化現代網絡項目的多合一平台。
• VERCEL-具有無配置工具和工作流程的現代Web應用程序的多合一服務器平台。

靜態站點發生器

• Gatsby-燃燒的靜態位點發生器，用於React。
• next.js-靜態和服務器渲染應用程序的輕量級框架。
• 雨果 - 雨果（Hugo）是一個靜態的網站發電機。
• Jekyll -Jekyll是一個簡單的，博客的，靜態的網站生成器，非常適合個人，項目或組織網站。
• Hexo-一個快速，簡單且強大的博客框架，由Node.js提供支持。
• 網格 - 用於構建任何無頭CM，API或Markdown文件的VUE驅動的靜態站點生成器。
• NUXT.JS-用於服務器端渲染，靜態和傳統的單頁應用程序的多功能VUE框架。
• 高度 - 更簡單的靜態站點生成器將各種模板文件轉換為HTML。
• NIFT- C ++中開發的跨平台開源網站生成器，它快速且非常強大。

CMS

• 宇宙 - 無頭CM，帶有REST和GRAPHQL API選項。
• Kentico Kontent-縮放的雲原始無頭CM。
• 滿足 - 數字團隊的內容基礎架構。
• NetLifyCMS-開源基於GIT的CMS。
• buttercms-無頭CM和內容API。
• GraphCMS- GraphQl無頭CM。
• Prismic-開發人員和營銷人員的無頭API CM。
• SiteLeaf-靜態網站的友好CMS。
• DATOCMS-您的編輯者會喜歡的基於API的CMS。
• 散文 - 散文是設計用於管理網站的GitHub的內容編輯。
• tipe-下一代API -First CMS。
• 林業 - 使用靜態站點發生器構建的站點的無頭CM。
• HeadlessCMS- jamstack網站的內容管理系統列表。
• 鬼 - 在線出版物的無頭CMS
• Strapi-開源無頭CMS前端開發人員喜歡。

API

驗證

• Auth0-基於單一的符號和基於令牌的身份驗證。
• NetLify身份 - 帶來了由GoTrue API支持的完整身份驗證功能。
• JEXIA UMS-帶有JWT +額外功能的Identy提供商的Webside的REST API用戶管理系統。

評論

• DISQUS-全局評論系統，改進了網站的討論，並連接了整個網絡上的對話。
• Facebook評論 - 評論插件使人們可以使用其Facebook帳戶對您網站上的內容髮表評論。
• 話語 - 基於github問題的輕量級評論小部件。使用GitHub問題進行博客評論，Wiki頁面等。

表格

• FormCake-為開發人員構建的一種形式的後端：Zapier集成，零依賴性，簡單的API和無限形式。
• GetForm-設計師和開發人員的後端平台。在幾分鐘內為靜態站點設置表單端點，並通過Zapier集成和Webhooks支持擴展數據。
• NetLify表單 - 通過在部署時間直接解析HTML文件，在構建時間上進行內置表單處理。
• Arengu-使用Arengu構建註冊和登錄表單，啟用社交登錄，添加2FA或使用無密碼的流量通過您的API或身份提供商對用戶進行身份驗證。

電子商務

• Snipcart-一個強大的開發人員購物車平台。
• Moltin-開發人員的電子商務API。
• 手推車 - 為jamstack設計的購物車。
• Shopify- Shopify無頭電子商務解決方案。
• Commerce.JS-開發人員的API優先電子商務平台。

搜尋

• Algolia-最可靠的平台，用於建立搜索您的業務。
• lunr-搜索簡單（在前端）。

資料庫

• GraphQL-查詢API的查詢語言，以及使用您的現有數據來滿足這些查詢的運行時間。
• GraphCool-開源和自我託管的後端-As-A-Service，以開發無服務器GraphQl後端。
• FAUNADB-雲或本地中的連接，索引和多區域酸交易的關係NOSQL數據庫。

文件管理

• JEXIA Fileset-使用索引和額外功能的應用程序REST API文件管理器。

無服務器

• NETLIFY函數 - NetLify使您可以在沒有AWS帳戶的情況下部署Lambda功能，並在NetLify中直接處理功能管理。
• Amazon Lambda-可讓您在不配置或管理服務器的情況下運行代碼。
• Microsoft Azure
  • Azure功能 - 無服務器計算服務，使您可以按需運行代碼而無需明確提供或管理基礎架構。
  • Azure Logic應用程序 - 簡化構建自動化可擴展工作流程，這些工作流程在雲服務和本地系統中集成了應用程序和數據。
• Google Cloud
  • App Engine-無服務器的應用程序，該應用程序完全抽象了基礎架構，因此您只專注於代碼。
  • 雲功能 - 構建和連接雲服務的無服務器環境。
  • 雲數據存儲 - 具有自動碎片和復制的高度尺度NOSQL數據庫。
  • 雲存儲 - 高QPS需求的地理冗餘對象存儲。
  • 雲酒吧/子 - 用於所有消息大小和速度的地理冗餘實時消息。
  • APIGEE-多雲環境的企業API管理。
  • 端點 - 在Google Cloud上構建的API管理應用程序。
  • 雲數據流 - 無服務器流和批處理數據處理服務。
  • BigQuery-無服務器數據倉庫服務，可幫助您為企業部署高級雲數據倉庫解決方案。
  • 雲ML引擎 - 無服務器的機器學習服務，該服務會自動縮放基於自定義的Google硬件（張量處理單元）。
• 無服務器 - 用於部署和操作無服務器體系結構的工具包。
• 雲 - 無服務器媒體（圖像/視頻）管理平台。為Jamstack提供每個流行語言和媒體小部件的SDK，以使管理媒體，CDN，存儲，轉換等方面易於管理。
• IMGIX-無服務器圖像交付和管理服務。 Imgix連接到存儲圖像的位置（例如S3，GCS，Web文件夾），並使用簡單且強大的URL參數轉換，優化並智能地傳遞您的圖像。
• 可彈性 - 後端是基於AWS建立的服務解決方案，該解決方案是缺失的，以提高在線業務的成功率。

有關更完整的列表，請參閱無服務器。

影片

• 新的前端堆棧。 JavaScript，API和Markup -Matt Biilmann。
• Jamstack的崛起-Mathias Biillman。
• jamstack：愚蠢的名字，嚴肅的東西 - 菲爾·霍克斯沃思（Phil Hawksworth）。
• 基於GIT或API驅動的CMS-Chris Macrae。
• Jamstack教程 - 使用Netlify＆Hugo的完整站點-Freecodecamp.org。
• Gatsby JS速成課程 - Traversy Media。
• 我們如何到達這里以及網絡的未來-Kyle Mathews。
• 所有jamstack會議的會談-Jamstack Conf。
• 我如何使用React，Vue和Node來構建單個Jamstack應用-Ahmad Awais。
• React vs Vue，Gatsby vs Gridsome-建立同一地點 - Ondrej Polesny。
• wtf是jamstack嗎？ - Ondrej Polesny。

教程 /文章

• 使用無頭鬼2.0 CMS和Gatsby構建Jamstack個人博客
• 如何使用vue.js，nuxt.js和Cosmic JS構建Jamstack網站
• jamstack上的幽靈
• 使用GetForm在蓋茨比建立聯繫表
• 開始使用蓋茨比和駕駛艙 - 第2部分中的第2部分
• 使用gatsbyjs創建靜態電子商務網站
• 對於靜態網站，沒有任何藉口不使用CDN
• vue.js，nuxt.js和snipcart的電子商務前端
• 建造章魚保羅
• Jamstack和Netlify：我們真的需要另一個流行語嗎？
• jamstack啟動景觀
• 我如何使用Gatsby和Netlify構建博客
• 無頭電子商務的開發人員指南
• 在Netlify上使用gatsby處理靜態表單，驗證和無服務器功能
• 客戶的jamstack：福利，靜態站點CMS和限制
• 探索NetLify CMS，一個基於React＆Git的內容管理系統
• Jamstack PWA - 讓我們構建一個投票應用程序。使用gatsby.js，firebase和样式組件pt。 1
• 具有Netlify和iOS快捷方式的動態靜態位點；使用NetLify函數，大量的構建過程和iOS快捷方式將動態內容髮佈到您的靜態網站
• Gatsby用於應用程序
• 轉動靜態動態
• 使用Netlify和Nuxt進行jamstack
• 入門網格
• 將第一個靜態網站部署到IPF的完整初學者指南
• 關於Jamstack＆E-Commerce（播客和成績單）的廣泛討論
• 靜態站點生成器的初學者指南
• jamstack網站的9個無頭CMS選項
• Jamstack州2020年報告
• Jamify教程 - 與Gatsby和Ghost一起發布耀斑的快速博客
• 無頭CMS市場2020年報告
• 為什麼Next.js對Gatsby，Gridsome和Nuxt是我的最終選擇？
• 採用jamstack：用VUE或REACT構建CMS支持的靜態網站
• 幽靈演示：如何與幽靈CMS無頭（教程）
• Next.js電子商務教程：快速購物車集成
• 如何使用React static和Cosmic JS構建博客
• 如何免費構建一個無靜態的無服務器博客？
• Jamstack vs無服務器Web應用程序-jamstack？更像Shamstack。
• 靜態文件託管不必如此……靜態
• 靜態第一：帶有無服務器渲染作為後備的預先生成的jamstack網站

圖書

• Jamstack上的現代網絡開發 - Mathias Biilmann＆Phil Hawksworth（由O'Reilly出版）。
• 雨果在行動
• Jumpstart Jamstack Development-克里斯托弗·佩科拉羅（Christopher Pecoraro）和文森佐·甘比諾（Vincenzo Gambino）
• Jamstack上的現代Web開發 - Mathias Biilmann＆Phil Hawksworth的超快速站點和Web應用程序的新技術

執照

麻省理工學院