JAMstack
Jamstack :名词\'jam-stak'\
基于客户端JavaScript,可重用API和预建标记的现代Web开发体系结构.
这是精心挑选的精选Jamstack资源的列表.
您可能还喜欢Awesome Static Generators .
General¶
- Jamstack
- Jamstack resources - Videos and articles about Jamstack.
- the New Dynamic -在我们的目录中选择工具以与Jamstack一起使用. 浏览我们的展示柜并获得启发.
Chats¶
- Appernetic Gitter Chat
- Jamstack Gitter Chat
- Netlify Gitter Chat
- NetlifyCMS Gitter Chat
- the New Dynamic Slack
Platforms¶
- Appernetic -带有Hugo和GitHub Pages的静态网站的可视内容管理.
- Netlify -用于自动化现代Web项目的多合一平台.
- Vercel -具有免配置工具和工作流程的现代Web应用程序的多合一无服务器平台.
No-Code Platforms¶
- Jamstack.new -一键创建一个新的Jamstack网站,由Stackbit带给您
- Draftbox -为您的WordPress或Ghost博客提供快速,安全的前端,无需编码.
- Plasmic -强大的设计工具,可直观地构建您的React组件和Jamstack网站.
Jamstack Sites Showcase¶
- React -建立在盖茨比上.
- Squoosh.app -托管在Netlify上,演示了现代Web应用程序的高级功能.
- Hopper -建立在盖茨比上,并托管在Netlify上.
- VSCode Power User Course -基于Gatsby并托管在Netlify上的PWA.
- CloudyCam -基于Next.js构建并托管在Zeit Now v2无服务器平台上的PWA.
- FbaMonthly -托管在由Jekyll,Netlify Functions和Netlify Forms构建的Netlify上.
- Jarod Peachey -使用Gatsby + MaterialUI构建并托管在Netlify上
- ProtonDB -自2018年8月以来,在Netlify上托管了React / MaterialUI / Firebase.在Linux游戏社区中很显赫.
- Creative Designs Guru -建立在Netlify上托管的Eleventy.js上,并使用Tailwind CSS进行样式设置
- HandleDroid -使用Next.js,MongoDB,Auth0,AWS CloudWatch,SendGrid,Stripe构建并托管在Netlify上.
Static Site Generators¶
- Gatsby -React的快速静态站点生成器.
- Next.js -静态和服务器渲染应用程序的轻量级框架.
- Hugo -Hugo是用Go语言编写的静态网站生成器.
- Jekyll -Jekyll是一个简单的,可识别博客的静态网站生成器,非常适合个人,项目或组织网站.
- Hexo -由Node.js提供支持的快速,简单且功能强大的博客框架.
- Metalsmith -极其简单,可插入的静态站点生成器.
- Phenomic -模块化网站编译器.
- Gridsome -由Vue提供支持的静态站点生成器,用于为任何Headless CMS,API或Markdown文件构建CDN就绪的网站.
- Nuxt.js -适用于服务器端渲染的静态和传统单页应用程序的基于vue的通用框架.
- eleventy -更简单的静态网站生成器,可将各种模板文件转换为HTML.
- Nift -使用C ++开发的跨平台开源网站生成器,快速,功能强大.
有关更完整的列表,请参阅 StaticGen.
CMS¶
- Cosmic -带有REST和GraphQL API选项的无头CMS.
- Kentico Kontent -可扩展的云原生无头CMS.
- Contentful -数字团队的内容基础架构.
- NetlifyCMS -开源的基于Git的CMS.
- ButterCMS -无头CMS和Content API.
- Scrivito -为数字代理商和大中型企业构建的基于云的JavaScript CMS.
- GraphCMS -GraphQL无头CMS.
- Prismic -适用于开发人员和营销人员的无头API CMS.
- Siteleaf -适用于您的静态网站的友好CMS.
- DatoCMS -编辑者会喜欢的基于API的CMS.
- Prose -Prose是GitHub的内容编辑器,旨在管理网站.
- Tipe -下一代API优先的CMS.
- Forestry -无头CMS,用于使用静态网站生成器构建的网站.
- Coisas -用于编辑GitHub Markdown(和其他)文件的客户端CMS.
- Cockpit -自托管的无头和api驱动的CMS.
- HeadlessCMS -Jamstack网站的内容管理系统列表.
- TakeShape -一键式部署到Netlify的无头GraphQL API CMS.
- Ghost -用于在线出版物的无头CMS
- Strapi -开源Headless CMS前端开发人员喜欢.
- Flotiq -轻松无忧的CMS.
- TreacleWP -WordPress API托管.
API¶
Authentication¶
- Auth0 -单点登录和基于令牌的身份验证.
- Netlify Identity -带来一整套的身份验证功能,并由 GoTrue API.
- Jexia UMS -带有JWT和其他功能的身份提供者的REST API用户管理系统,用于您的Web端.
Comments¶
- Disqus -全球评论系统,可改善网站上的讨论并通过网络连接对话.
- Facebook Comments -评论插件可让人们使用其Facebook帐户对您网站上的内容发表评论.
- Utterances -一个基于GitHub问题的轻量级注释小部件. 将GitHub问题用于博客评论,Wiki页面等.
Forms¶
- Formcarry -适用于表单的无障碍HTML表单端点,功能强大的仪表板,可靠的垃圾邮件阻止功能,附件上传功能和Zapier集成.
- Formcake -为开发人员构建的表单后端:Zapier集成,零依赖关系,简单的API和无限制的表单.
- Getform -面向设计人员和开发人员的表单后端平台. 在几分钟之内为静态站点设置表单端点,并通过Zapier集成和Webhooks支持扩展数据.
- Netlify Forms -通过在部署时直接解析HTML文件,在构建时进行内置表单处理.
- StaticKit -静态网站的现代形式,带有用于React和HTML的客户端库.
- Arengu -使用Arengu构建注册和登录表单,启用社交登录,添加2FA或使用无密码流来通过您的API或身份提供者对用户进行身份验证.
- Static Forms -无需任何服务器端代码即可轻松集成HTML表单. 用户提交表单后,我们会将表单内容发送给您的注册电子邮件.
E-commerce¶
- Flatmarket -Flatmarket是用于静态网站的免费开放源代码电子商务平台.
- GoCommerce -Jamstack网站的无头电子商务.
- Snipcart -面向开发人员的强大购物车平台.
- Moltin -开发人员的电子商务API.
- Trolley -专为Jamstack设计的购物车.
- Shopify -Shopify无头电子商务解决方案.
- Commerce.js -针对开发人员的API优先电子商务平台.
- CartQL -为Jamstack构建的GraphQL购物车和Checkout API,可与任何框架和库存一起使用.
Search¶
Database¶
- GraphQL -API的查询语言和用于使用现有数据完成这些查询的运行时.
- Graphcool -开源和自托管后端即服务,用于开发无服务器的GraphQL后端.
- FaunaDB -在云或内部部署中具有连接,索引和多区域ACID事务的关系NoSQL数据库.
- Jexia DataSet -带有内置验证器,关系,聚合功能的REST API架构和无Shemaless云数据存储.
File management¶
- Jexia FileSet -具有索引功能和其他功能的REST API文件管理器.
Automation¶
Serverless¶
- Netlify Functions -Netlify允许您在没有AWS帐户的情况下部署Lambda函数,并直接在Netlify中处理功能管理.
- Amazon Lambda -使您无需配置或管理服务器即可运行代码. -Microsoft Azure
- Azure Functions -无服务器计算服务,使您可以按需运行代码,而不必显式设置或管理基础结构.
- Azure Logic Apps -简化了构建自动可伸缩工作流的过程,该工作流跨云服务和本地系统集成了应用程序和数据. -Google Cloud
- App Engine -无服务器应用程序,完全抽象化了基础架构,因此您只关注代码.
- Cloud Functions -建立和连接云服务的无服务器环境.
- Cloud Datastore -具有自动分片和复制功能的高度可扩展的NoSQL数据库.
- Cloud Storage -满足高QPS需求的地理冗余对象存储.
- Cloud Pub/Sub -所有消息大小和速度的地理冗余实时消息.
- Apigee -用于多云环境的企业API管理.
- Endpoints -建立在Google Cloud上的API管理应用程式.
- Cloud Dataflow -无服务器流和批处理数据处理服务.
- BigQuery -无服务器数据仓库服务,可帮助您为企业部署高级云数据仓库解决方案.
- Cloud ML Engine -无服务器的机器学习服务,可在自定义Google硬件(张量处理单元)上自动扩展.
- Serverless -用于部署和操作无服务器架构的工具包.
- Cloudinary -无服务器媒体(图像/视频)管理平台. 为Jamstack提供各种流行语言和媒体窗口小部件的SDK,使您可以轻松管理媒体,CDN,存储,转换等.
- imgix -无服务器图像传送和管理服务. imgix连接到您的图像存储位置(例如S3,GCS,Web文件夹),并使用简单而强大的URL参数来转换,优化和智能地传递您的图像.
- Elastictable -建立在AWS之上的后端即服务解决方案,该解决方案无法提高在线业务的成功率.
- Stormkit -适用于由AWS提供支持的现代javascript应用程序的强大的无服务器基础架构. 它与您的git flow集成,并无缝构建,部署和扩展您的应用程序.
有关更完整的列表,请参阅 Awesome Serverless.
Videos¶
- The New Front-end Stack. JavaScript, APIs and Markup -马特·比尔曼(Matt Biilmann).
- Rise of the Jamstack -Mathias Biillman.
- Jamstack: Silly name, serious stuff -菲尔·霍克斯沃思(Phil Hawksworth).
- Git-based or API-driven CMS -克里斯·麦克雷(Chris Macrae).
- Jamstack Tutorial - Full site using Netlify & Hugo - freeCodeCamp.org.
- Gatsby JS Crash Course -遍历媒体.
- How We Got Here and The Future of the Web -凯尔·马修斯(Kyle Mathews).
- Talks from all the Jamstack Conferences -Jamstack Conf.
- How I Used React, Vue, & Node to Build a Single Jamstack App -艾哈迈德·阿威斯.
- React vs Vue, Gatsby vs Gridsome - building the same site -Ondrej Polesny.
- WTF is Jamstack? -Ondrej Polesny.
Tutorials / Articles¶
- Ghost on the Jamstack
- Building a contact form in Gatsby using Getform
- Getting Started with Gatsby and Cockpit — Part 1 of 2
- Creating Static E-commerce site with GatsbyJs
- For Static Sites, There’s No Excuse Not to Use a CDN
- E-commerce front-end for Vue.js, Nuxt.js and Snipcart
- Building Paul The Octopus
- Jamstack and Netlify: Do We really need another buzzword?
- The Jamstack Startup Landscape
- How I built my blog using Gatsby and Netlify
- Developer's Guide to Headless E-Commerce
- Handling Static Forms, Auth & Serverless Functions with Gatsby on Netlify
- Jamstack for Clients: Benefits, Static Site CMS, & Limitations
- Exploring Netlify CMS, a React & Git-Based Content Management System
- Jamstack PWA — Let’s Build a Polling App. with Gatsby.js, Firebase, and Styled-components Pt. 1
- Dynamic Static Sites with Netlify and iOS Shortcuts; Use Netlify Functions, a Gulp build process and iOS Shortcuts to publish dynamic content to your static site
- Gatsby for Apps
- Turning the Static Dynamic
- Going Jamstack with Netlify and Nuxt
- Getting Started With Gridsome
- The Complete Beginner's Guide to Deploying Your First Static Website to IPFS
- A Broad Discussion on Jamstack & E-Commerce (Podcast & Transcript)
- The Beginner's Guide to Static Site Generators
- 9 Headless CMS Options for Your Jamstack Site
- State of Jamstack 2020 report
- Jamify Tutorials — Publish flaring fast blogs with Gatsby and Ghost
- State of the Headless CMS Market 2020 report
- Why is Next.js my ultimate choice over Gatsby, Gridsome, and Nuxt?
- Generating a Static Site with Flask and Deploying it to Netlify -通过创建静态站点并将其部署到Netlify来利用具有Python和Flask的JAMstack.
Podcasts¶
Books¶
- Modern Web Development on the Jamstack -Mathias Biilmann和Phil Hawksworth(由O'Reilly出版).
- Hugo in Action
- Jumpstart Jamstack Development -克里斯托弗·佩科拉罗(Christopher Pecoraro)和文森佐·甘比诺(Vincenzo Gambino)
- The Jamstack Book -雷蒙德·卡姆登(Raymond Camden)和布莱恩·里纳尔迪(Brian Rinaldi)