> For the complete documentation index, see [llms.txt](https://docs.tenten.co/awesome/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tenten.co/awesome/devops/awesome-jamstack-resources.md). # Awesome-jamstack-resources *** ＃＃ 官方的 * [Jamstack](https://jamstack.org/) * [Jamstack 資源](https://jamstack.org/resources/) - 關於 Jamstack 的視頻和文章。 * [JAMstack 電台](https://www.netlify.com/tags/podcast/) * [JAMstack 樣板](https://templates.netlify.com/) * [Netlify 博客](https://www.netlify.com/blog/) * [什麼是 JAMstack？](https://jamstack.org/#what) * [為什麼是 JAMstack？](https://jamstack.org/#why) * [如何開始？](https://jamstack.org/#how) ## Jamstack 站點展示 * [我的投資組合](https://idrisolubisi.com) - 基於 Gatsby 構建並託管在 Netlify 上。 * [React](https://reactjs.org/) - 建立在 Gatsby 之上。 * [Squoosh.app](https://squoosh.app/) - 託管在 Netlify 上，展示了現代 Web 應用程序的高級功能。 * [Hopper](https://travel.hopper.com/) - 基於 Gatsby 構建並託管在 Netlify 上。 * [VSCode 高級用戶課程](https://vscode.pro/) - 基於 Gatsby 構建並託管在 Netlify 上的 PWA。 * [CloudyCam](https://CloudyCam.dev/) - PWA 基於 Next.js 構建並託管在 Zeit Now v2 無服務器平台上。 * [創意設計大師](https://creativedesignsguru.com) - 基於 Netlify 上託管的 Eleventy.js 構建並使用 Tailwind CSS 進行樣式設置 ## 平台 * [Netlify](https://netlify.com) - 用於自動化現代 Web 項目的多合一平台。 * [Vercel](https://vercel.com) - 適用於現代 Web 應用程序的多合一無服務器平台，具有無配置工具和工作流程。 ## 靜態站點生成器 * [Gatsby](https://gatsbyjs.org) - 用於 React 的快速靜態站點生成器。 * [Next.js](https://nextjs.org/) - 用於靜態和服務器渲染應用程序的輕量級框架。 * [Hugo](https://gohugo.io) - Hugo 是一個用 Go 編寫的靜態站點生成器。 * [Jekyll](https://jekyllrb.com) - Jekyll 是一個簡單的、支持博客的、靜態站點生成器，非常適合個人、項目或組織站點。 * [Hexo](https://hexo.io) - 一個快速、簡單、強大的博客框架，由 Node.js 提供支持。 * [Gridsome](https://gridsome.org/) - Vue 支持的靜態站點生成器，用於為任何無頭 CMS、API 或 Markdown 文件構建 CDN 就緒的網站。 * [Nuxt.js](https://nuxtjs.org/) - 基於 vue 的多功能框架，用於服務器端渲染、靜態和傳統單頁應用程序。 * [eleventy](https://www.11ty.io/) - 一個更簡單的靜態站點生成器，將各種模板文件轉換為 HTML。 * [Nift](https://nift.cc) - 一個用 C++ 開發的跨平台開源網站生成器，速度極快，功能強大。 ## 內容管理系統 * [Cosmic](https://cosmicjs.com) - 帶有 REST 和 GraphQL API 選項的無頭 CMS。 * [Kentico Kontent](https://kontent.ai) - 可擴展的雲原生無頭 CMS。 * [Contentful](https://contentful.com) - 數字團隊的內容基礎設施。 * [NetlifyCMS](https://netlifycms.org/) - 開源的基於 Git 的 CMS。 * [ButterCMS](https://buttercms.com/) - 無頭 CMS 和內容 API。 * [GraphCMS](https://graphcms.com) - GraphQL Headless CMS。 * [Prismic](https://prismic.io) - 適用於開發人員和營銷人員的無頭 API CMS。 * [Siteleaf](https://siteleaf.com) - 適用於您的靜態網站的友好 CMS。 * [DatoCMS](https://datocms.com) - 您的編輯會喜歡的基於 API 的 CMS。 * [Prose](https://prose.io) - Prose 是 GitHub 的內容編輯器，專為管理網站而設計。 * [Tipe](https://tipe.io) - 下一代 API-first CMS。 * [林業](https://forestry.io) - 用於使用靜態站點生成器構建的站點的無頭 CMS。 * [HeadlessCMS](https://headlesscms.org/) - Jamstack 站點的內容管理系統列表。 * [Ghost](https://ghost.org/) - 用於在線出版物的無頭 CMS * [Strapi](https://strapi.io) - 開源無頭 CMS 前端開發人員喜愛。 ## API ＃＃＃ 驗證 * [Auth0](https://auth0.com/) - 單點登錄和基於令牌的身份驗證。 * [Netlify Identity](https://www.netlify.com/docs/identity/) - 帶來一整套身份驗證功能，由 [GoTrue API](https://www.gotrueapi.org) 提供支持。 * [Jexia UMS](https://jexia.com) - REST API 用戶管理系統，用於您的網站，具有 JWT + 額外功能的身份提供商。 ＃＃＃ 評論 * [Disqus](https://disqus.com) - 全球評論系統，可改善網站上的討論並連接網絡上的對話。 * [Facebook 評論](https://developers.facebook.com/docs/plugins/comments) - 評論插件允許人們使用他們的 Facebook 帳戶評論您網站上的內容。 * [Utterances](https://utteranc.es/) - 基於 GitHub 問題構建的輕量級評論小部件。將 GitHub 問題用於博客評論、wiki 頁面等。 ＃＃＃ 形式 * [Formcake](https://formcake.com) - 為開發人員構建的表單後端：Zapier 集成、零依賴、簡單的 API 和無限的表單。 * [Getform](https://getform.io) - 設計者和開發者的表單後端平台。在幾分鐘內為您的靜態站點設置表單端點，並通過 Zapier 集成和 Webhooks 支持擴展您的數據。 * [Netlify Forms](https://www.netlify.com/docs/form-handling/) - 通過在部署時直接解析 HTML 文件，在構建時內置表單處理。 * [Arengu](https://www.arengu.com) - 使用 Arengu 構建註冊表單和登錄表單，啟用社交登錄，添加 2FA 或使用無密碼流程通過您的 API 或身份提供者對用戶進行身份驗證。 ＃＃＃ 電子商務 * [Snipcart](https://snipcart.com/) - 一個強大的開發者購物車平台。 * [Moltin](https://moltin.com/) - 面向開發人員的電子商務 API。 * [手推車](https://trolley.link) - 專為 Jamstack 設計的購物車。 * [Shopify](https://www.shopify.co.uk/plus/solutions/headless-commerce) - Shopify 無頭電子商務解決方案。 * [Commerce.js](https://commercejs.com/) - 面向開發人員的 API 優先電子商務平台。 ＃＃＃ 搜索 * [Algolia](https://www.algolia.com/) - 在您的業務中構建搜索的最可靠平台。 * [Lunr](https://lunrjs.com/) - 搜索變得簡單（在前端）。 ### 數據庫 * [GraphQL](https://graphql.org) - API 的查詢語言和使用現有數據完成這些查詢的運行時。 * [Graphcool](https://graph.cool) - 開源和自託管後端即服務，用於開發無服務器 GraphQL 後端。 * [FaunaDB](https://fauna.com) - 在雲端或本地具有連接、索引和多區域 ACID 事務的關係型 NoSQL 數據庫。 ＃＃＃ 文件管理 * [Jexia FileSet](https://jexia.com) - 具有索引和額外功能的應用程序的 REST API 文件管理器。 ## 無服務器 * [Netlify 函數](https://www.netlify.com/docs/functions/) - Netlify 允許您在沒有 AWS 賬戶的情況下部署 Lambda 函數，並在 Netlify 中直接處理函數管理。 * [Amazon Lambda](https://aws.amazon.com/lambda/) - 讓您無需預置或管理服務器即可運行代碼。 * 微軟天青 * [Azure Functions](https://docs.microsoft.com/en-us/azure/azure-functions/) - 無服務器計算服務使您能夠按需運行代碼，而無需顯式預配或管理基礎架構。 * [Azure 邏輯應用程序](https://docs.microsoft.com/en-us/azure/logic-apps/) - 簡化構建自動化可擴展工作流，跨雲服務和本地系統集成應用程序和數據。 * 谷歌云 * [App Engine](https://cloud.google.com/appengine/) - 完全抽象基礎設施的無服務器應用程序，因此您只關注代碼。 * [雲功能](https://cloud.google.com/functions/) - 用於構建和連接雲服務的無服務器環境。 * [雲數據存儲](https://cloud.google.com/datastore/) - 高度可擴展的 NoSQL 數據庫，具有自動分片和復制功能。 * [雲存儲](https://cloud.google.com/storage/) - 滿足高 QPS 需求的地理冗餘對象存儲。 * [Cloud Pub/Sub](https://cloud.google.com/pubsub/) - 適用於所有消息大小和速度的地理冗餘實時消息傳遞。 * [Apigee](https://apigee.com/) - 多雲環境的企業 API 管理。 * [端點](https://cloud.google.com/endpoints/) - 基於 Google Cloud 構建的 API 管理應用。 * [Cloud Dataflow](https://cloud.google.com/dataflow/) - 無服務器流和批處理數據處理服務。 * [BigQuery](https://cloud.google.com/bigquery/) - 無服務器數據倉庫服務，可幫助您為企業部署高級雲數據倉庫解決方案。 * [Cloud ML Engine](https://cloud.google.com/ml-engine/) - 基於自定義 Google 硬件（張量處理單元）自動擴展的無服務器機器學習服務。 * [無服務器](https://serverless.com/) - 用於部署和操作無服務器架構的工具包。 * [Cloudinary](https://cloudinary.com/) - 無服務器媒體（圖像/視頻）管理平台。為 Jamstack 提供每種流行語言的 SDK 和媒體小部件，以便輕鬆管理媒體、CDN、存儲、轉換等。 * [imgix](https://www.imgix.com/) - 無服務器圖像交付和管理服務。imgix 連接到您的圖像存儲位置（例如 S3、GCS、Web 文件夾），並使用簡單而強大的 URL 參數轉換、優化和智能地交付您的圖像。 * [Elastictable](https://www.elastictable.com) - 建立在 AWS 上的後端即服務解決方案，缺少提高在線業務的成功率。 *有關更完整的列表，請參閱* [*Awesome Serverless*](https://github.com/pmuens/awesome-serverless)*。* ## 視頻 * [新的前端堆棧。JavaScript、API 和標記](https://vimeo.com/163522126) - Matt Biilmann。 * [Jamstack 的崛起](https://www.youtube.com/watch?v=uWTMEDEPw8c) - Mathias Biillman。 * [Jamstack：愚蠢的名字，嚴肅的東西](https://www.youtube.com/watch?v=XOYtS91QWQI) - Phil Hawksworth。 * [基於 Git 或 API 驅動的 CMS](https://www.youtube.com/watch?v=KX4G49ZrvY0) - Chris Macrae。 * [Jamstack 教程 - 使用 Netlify 和 Hugo 的完整站點](https://www.youtube.com/watch?v=NSts93C9UeE) - freeCodeCamp.org。 * [蓋茨比 JS 速成課程](https://www.youtube.com/watch?v=6YhqQ2ZW1sc) - Traversy Media。 * [我們如何到達這里以及網絡的未來](https://www.gatsbyjs.com/gatsby-days-keynote-kyle/) - Kyle Mathews。 * [來自所有 Jamstack 會議的演講](https://www.youtube.com/channel/UC8bRyfU7ycLXnEBfvdorpUg/videos) - Jamstack Conf. * [我如何使用 React、Vue 和 Node 構建單個 Jamstack 應用程序](https://www.youtube.com/watch?v=dwpn1pd9kT8) - Ahmad Awais。 * [React vs Vue，Gatsby vs Gridsome - 構建同一個站點](https://www.youtube.com/watch?v=H19fF7ITtaI) - Ondrej Polesny。 * [WTF 是 Jamstack？](https://youtu.be/ReSvk5MQek4) - Ondrej Polesny。 ## 教程/文章 * [使用 Headless Ghost 2.0 CMS 和 Gatsby 構建 JAMstack 個人博客](https://josebrowne.com/tutorial-static-blog-using-headless-ghost-2-0-gatsby-netlify/) * \[如何使用 Vue.js、Nuxt.js 和 Cosmic JS 構建 JAMstack 網站]\( -cosmic-js-jws3mpy1) * [Jamstack 上的幽靈](https://blog.ghost.org/jamstack/) * [在 Gatsby 中使用 Getform 構建聯繫表單](https://blog.getform.io/building-a-gatsby-contact-form-using-getform) * [Gatsby 和 Cockpit 入門 — 第 1 部分，共 2 部分](https://blog.ginetta.net/getting-started-with-gatsby-and-cockpit-part-1-of-2-d86871932d44) * [使用 GatsbyJs 創建靜態電子商務網站](https://medium.com/@pinku1/creating-static-e-commerce-site-with-gatsbyjs-a349d7e022a) * [對於靜態站點，沒有理由不使用 CDN](https://forestry.io/blog/for-static-sites-theres-no-excuse-not-to-use-a-cdn/) * [Vue.js、Nuxt.js 和 Snipcart 的電子商務前端](https://www.sanity.io/blog/e-commerce-vue-nuxt-snipcart) * [建造章魚保羅](https://www.tomango.co.uk/thinks/paul-the-octopus-2018/) * \[Jamstack 和 Netlify：我們真的需要另一個流行語嗎？]（ * [Jamstack 創業版圖](https://medium.com/@CRVVC/the-jamstack-startup-landscape-c06cc3cdb917) * [我如何使用 Gatsby 和 Netlify 構建我的博客](https://blog.pavsidhu.com/how-i-built-my-blog-using-gatsby-and-netlify/) * [無頭電子商務開發者指南](https://snipcart.com/blog/headless-ecommerce-guide) * [在 Netlify 上使用 Gatsby 處理靜態表單、身份驗證和無服務器功能](https://snipcart.com/blog/static-forms-serverless-gatsby-netlify) * [Jamstack 客戶端：優勢、靜態站點 CMS 和限制](https://snipcart.com/blog/jamstack-clients-static-site-cms) * [探索 Netlify CMS，一個基於 React 和 Git 的內容管理系統](https://snipcart.com/blog/netlify-cms-react-git-workflow) * \[Jamstack PWA — 讓我們構建一個投票應用程序。使用 Gatsby.js、Firebase 和 Styled-components Pt。1]（ * \[帶有 Netlify 和 iOS 快捷方式的動態靜態站點；使用 Netlify 函數、Gulp 構建過程和 iOS 快捷方式將動態內容髮佈到您的靜態站點]\( -地點/） * [Gatsby for Apps](https://www.gatsbyjs.org/blog/2018-11-07-gatsby-for-apps/) * [轉靜態動態](https://www.gatsbyjs.org/blog/2018-12-17-turning-the-static-dynamic/) * [使用 Netlify 和 Nuxt 使用 Jamstack](https://blog.lichter.io/posts/going-jamstack-with-netlify-and-nuxt/) * [Gridsome 入門](https://scotch.io/tutorials/getting-started-with-gridsome) * [將您的第一個靜態網站部署到 IPFS 的完整初學者指南](https://interplanetarygatsby.com/ipfs-deploy/) * [關於 Jamstack 和電子商務的廣泛討論（播客和抄本）](https://snipcart.com/jamstack-ecommerce-podcast) * [靜態站點生成器初學者指南](https://bejamas.io/blog/static-site-generators/) * [Jamstack 站點的 9 個無頭 CMS 選項](https://bejamas.io/blog/headless-cms/) * [2020 年 Jamstack 狀態報告](https://kontent.ai/resources/state-of-jamstack-2020-report) * [Jamify 教程 — 使用 Gatsby 和 Ghost 發布快速博客](https://www.jamify.org) * [2020 年無頭 CMS 市場狀況報告](https://tracker.kontent.ai/592920/state-of-the-headless-cms-market-2020) * [為什麼 Next.js 是我對 Gatsby、Gridsome 和 Nuxt 的最終選擇？](https://kontent.ai/blog/gatsby-vs-next-gridsome-nuxt) * [採用 JAMStack：使用 Vue 或 React 構建由 CMS 支持的靜態網站](https://www.codegram.com/blog/a-jamstack-journey-headless-content-management-with-vue-react/) * \[A Ghost 演示：如何使用 Ghost CMS 進行 Headless \[教程]]\( cjy4fxmmr0001rts1pyp2ch2s) * [Next.js 電子商務教程：快速購物車集成](https://hashnode.com/post/nextjs-e-commerce-tutorial-quick-shopping-cart-integration-cjy074x9l0017zxs17tn6yp4d) * [如何使用 React Static 和 Cosmic JS 構建博客](https://sumitkharche.hashnode.dev/how-to-build-a-blog-using-react-static-and-cosmic-js-cjxewj3xa000kjms1c9s0qaae) * [如何免費構建靜態無服務器博客😇](https://sujaykundu.hashnode.dev/how-to-build-a-static-serverless-blog-for-free-cjwgqd96u001ezws1v8linwdk) * [JAMStack 與無服務器 Web 應用程序](https://fettblog.eu/jamstack-vs-serverless-web-apps/) -[JAMstack? 更像 SHAMstack。](https://css-tricks.com/jamstack-more-like-shamstack/) * \[靜態文件託管不必如此......靜態]（ * \[靜態優先：使用無服務器渲染作為後備的預生成 JAMstack 站點]\( ## 書籍 * [Jamstack 上的現代 Web 開發](https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf) - 作者 Mathias Biilmann 和 Phil Hawksworth（由 O' 出版賴利）。 * [雨果行動](https://www.manning.com/books/hugo-in-action) * [Jumpstart Jamstack 開發](https://www.packtpub.com/web-development/jumpstart-jamstack-development) - 作者：Christopher Pecoraro 和 Vincenzo Gambino * [JAMstack 上的現代 Web 開發](https://www.netlify.com/oreilly-jamstack/) - Mathias Biilmann 和 Phil Hawksworth 的超快速站點和 Web 應用程序新技術 ＃＃ 執照 [麻省理工學院](https://github.com/Olanetsoft/awesome-jamstack-tools/blob/main/LICENSE) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.tenten.co/awesome/devops/awesome-jamstack-resources.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.