570 lines
26 KiB
HTML
570 lines
26 KiB
HTML
<div data-align="center">
|
||
<br /><br />
|
||
<a href="https://awesome.re"><img src="https://awesome.re/badge-flat.svg" /></a>
|
||
<br /><br /><br />
|
||
<img width="500" src="media/jamstack-full-logo.svg" alt="Jamstack">
|
||
<br /><br /><br />
|
||
<p>
|
||
<strong>Jamstack</strong>: noun ’jam-stak’<br /> Modern web
|
||
development architecture based on client-side JavaScript, reusable APIs,
|
||
and prebuilt Markup.
|
||
</p>
|
||
<br /><br />
|
||
<p>
|
||
<b> This is a carefully curated list of awesome
|
||
<a href="https://jamstack.org">Jamstack</a> resources. </b>
|
||
</p>
|
||
<br /><br />
|
||
<p>
|
||
<i> You might also like
|
||
<a href="https://github.com/myles/awesome-static-generators">Awesome
|
||
Static Generators</a>. </i>
|
||
</p>
|
||
<p>
|
||
<i> Want to contribute with some resource? Great! Please, read the
|
||
<a href="contributing.md">contribution guidelines</a> before
|
||
contributing. </i>
|
||
</p>
|
||
<p><br /><br /></p>
|
||
</div>
|
||
<h2 id="contents">Contents</h2>
|
||
<ul>
|
||
<li><a href="#general">General</a></li>
|
||
<li><a href="#chats">Chats</a></li>
|
||
<li><a href="#platforms">Platforms</a></li>
|
||
<li><a href="#no-code-platforms">No-Code Platforms</a></li>
|
||
<li><a href="#jamstack-sites-showcase">Jamstack Sites Showcase</a></li>
|
||
<li><a href="#static-site-generators">Static Site Generators</a></li>
|
||
<li><a href="#cms">CMS</a></li>
|
||
<li><a href="#api">API</a>
|
||
<ul>
|
||
<li><a href="#authentication">Authentication</a></li>
|
||
<li><a href="#comments">Comments</a></li>
|
||
<li><a href="#forms">Forms</a></li>
|
||
<li><a href="#e-commerce">E-commerce</a></li>
|
||
<li><a href="#search">Search</a></li>
|
||
<li><a href="#database">Database</a></li>
|
||
<li><a href="#automation">Automation</a></li>
|
||
</ul></li>
|
||
<li><a href="#serverless">Serverless</a></li>
|
||
<li><a href="#videos">Videos</a></li>
|
||
<li><a href="#tutorials--articles">Tutorials / Articles</a></li>
|
||
<li><a href="#podcasts">Podcasts</a></li>
|
||
<li><a href="#books">Books</a></li>
|
||
</ul>
|
||
<hr />
|
||
<h2 id="general">General</h2>
|
||
<ul>
|
||
<li><a href="https://jamstack.org/">Jamstack</a></li>
|
||
<li><a href="https://jamstack.org/resources/">Jamstack resources</a> -
|
||
Videos and articles about Jamstack.</li>
|
||
<li><a href="https://www.thenewdynamic.org/">the New Dynamic</a> - Pick
|
||
up tools in our Directory to work with the Jamstack. Browse our showcase
|
||
and get inspired.</li>
|
||
<li><a href="https://statichunt.com/">Statichunt</a> - Jamstack Themes
|
||
and Resources directory.</li>
|
||
<li><a href="https://www.builtatlightspeed.com/">Built At Lightspeed</a>
|
||
- A large directory of Jamstack themes, starters & UI kits.</li>
|
||
</ul>
|
||
<h2 id="chats">Chats</h2>
|
||
<ul>
|
||
<li><a href="https://gitter.im/jamstack/community">Jamstack Gitter
|
||
Chat</a></li>
|
||
<li><a href="https://gitter.im/netlify/community">Netlify Gitter
|
||
Chat</a></li>
|
||
<li><a href="https://gitter.im/netlify/NetlifyCMS">NetlifyCMS Gitter
|
||
Chat</a></li>
|
||
<li><a
|
||
href="https://join.slack.com/t/thenewdynamic/shared_invite/enQtMjkwNjYwNTY0NjkxLWI1NDhlNjZkZjA5ZGJmODE1OThiMjkwN2ZkMzE1YjEwN2YwNWUxYTNjZTUxMGQ2MzU3NWQ0YmVjNGU1NTkxMDk">the
|
||
New Dynamic Slack</a></li>
|
||
</ul>
|
||
<h2 id="platforms">Platforms</h2>
|
||
<ul>
|
||
<li><a href="https://netlify.com">Netlify</a> - All-in-one platform for
|
||
automating modern web projects.</li>
|
||
<li><a href="https://vercel.com">Vercel</a> - All-in-one serverless
|
||
platform for modern web apps with config-free tools and workflows.</li>
|
||
<li><a href="https://layer0.co">Layer0</a> - All-in-one Jamstack
|
||
platform focused on large, dynamic websites and best-in-class
|
||
performance through an integrated CDN, EdgeJS, predictive prefetching,
|
||
and performance monitoring.</li>
|
||
<li><a
|
||
href="https://azure.microsoft.com/services/app-service/static/">Azure
|
||
Static Web Apps</a> - Full-stack serverless hosting with integrated
|
||
CI/CD workflow, authentication, CDN and more.</li>
|
||
<li><a href="https://stormkit.io">Stormkit</a> - Powerful all in one
|
||
infrastructure for modern javascript apps. It integrates with your git
|
||
flow and builds, deploys and scales your apps seamlessly.</li>
|
||
<li><a href="https://www.cloud66.com/">Cloud 66</a> - Builds and deploys
|
||
static websites to your own cloud account.</li>
|
||
</ul>
|
||
<p><em>For more resources about Static Web Apps see (Awesome Static Web
|
||
Apps)[https://github.com/staticwebdev/awesome-azure-static-web-apps].</em></p>
|
||
<h2 id="no-code-platforms">No-Code Platforms</h2>
|
||
<ul>
|
||
<li><a href="https://jamstack.new">Jamstack.new</a> - Create a new
|
||
Jamstack website with 1 click, brought to you by Stackbit</li>
|
||
<li><a href="https://storipress.com">Storipress</a> - All-in-one
|
||
publishing + blogging platform with integrated site builder and workflow
|
||
management.</li>
|
||
<li><a href="https://draftbox.co">Draftbox</a> - Lightning fast, secure
|
||
front-end for your WordPress or Ghost blog, without coding.</li>
|
||
<li><a href="https://www.plasmic.app/">Plasmic</a> - Powerful design
|
||
tool for building your React components and Jamstack websites
|
||
visually.</li>
|
||
<li><a href="https://teleporthq.io/">TeleportHQ</a> - Front-end Design
|
||
& Development Platform. TeleportHQ is the collaborative front-end
|
||
platform to create and publish your headless static websites instantly.
|
||
Free code export, 3 free projects, unlimited collaborators.</li>
|
||
</ul>
|
||
<h2 id="jamstack-sites-showcase">Jamstack Sites Showcase</h2>
|
||
<ul>
|
||
<li><a href="https://reactjs.org/">React</a> - Built on Gatsby.</li>
|
||
<li><a href="https://squoosh.app/">Squoosh.app</a> - Hosted on Netlify,
|
||
demonstrates advanced features from a modern Web Application.</li>
|
||
<li><a href="https://travel.hopper.com/">Hopper</a> - Built on Gatsby
|
||
and hosted on Netlify.</li>
|
||
<li><a href="https://vscode.pro/">VSCode Power User Course</a> - PWA
|
||
built on Gatsby and hosted on Netlify.</li>
|
||
<li><a href="https://CloudyCam.dev/">CloudyCam</a> - PWA built on
|
||
Next.js and hosted on Zeit Now v2 Serverless platform.</li>
|
||
<li><a href="https://www.fbamonthly.com">FbaMonthly</a> - Hosted on
|
||
Netlify, built with Jekyll, Netlify Functions and Netlify Forms.</li>
|
||
<li><a href="https://jarodpeachey.netlify.com">Jarod Peachey</a> - Built
|
||
with Gatsby + MaterialUI and hosted on Netlify</li>
|
||
<li><a href="https://www.protondb.com">ProtonDB</a> -
|
||
React/MaterialUI/Firebase hosted on Netlify since August 2018. Prominent
|
||
in Linux gaming community.</li>
|
||
<li><a href="https://creativedesignsguru.com">Creative Designs Guru</a>
|
||
- Built on Eleventy.js hosted on Netlify and styled with Tailwind
|
||
CSS</li>
|
||
<li><a href="https://handledroid.com/">HandleDroid</a> - Built with
|
||
Next.js, MongoDB, Auth0, AWS CloudWatch, SendGrid, Stripe and hosted on
|
||
Netlify.</li>
|
||
<li><a
|
||
href="https://bejamas.io/blog/backlinko-case-study/">Backlinko</a> -
|
||
Built with Next.js, headless WordPress and Netlify.</li>
|
||
</ul>
|
||
<h2 id="static-site-generators">Static Site Generators</h2>
|
||
<ul>
|
||
<li><a href="https://gatsbyjs.org">Gatsby</a> - Blazing-fast static site
|
||
generator for React.</li>
|
||
<li><a href="https://nextjs.org/">Next.js</a> - Lightweight framework
|
||
for static and server-rendered applications.</li>
|
||
<li><a href="https://gohugo.io">Hugo</a> - Hugo is a static site
|
||
generator written in Go.</li>
|
||
<li><a href="https://jekyllrb.com">Jekyll</a> - Jekyll is a simple,
|
||
blog-aware, static site generator perfect for personal, project, or
|
||
organization sites.</li>
|
||
<li><a href="https://hexo.io">Hexo</a> - A fast, simple & powerful
|
||
blog framework, powered by Node.js.</li>
|
||
<li><a href="https://metalsmith.io">Metalsmith</a> - An extremely
|
||
simple, pluggable static site generator.</li>
|
||
<li><a href="https://phenomic.io/">Phenomic</a> - A modular website
|
||
compiler.</li>
|
||
<li><a href="https://gridsome.org/">Gridsome</a> - Vue-powered static
|
||
site generator for building CDN-ready websites for any Headless CMS,
|
||
APIs or Markdown-files.</li>
|
||
<li><a href="https://nuxtjs.org/">Nuxt.js</a> - Versatile vue-based
|
||
framework for server-side-rendered, static and traditional single page
|
||
applications.</li>
|
||
<li><a href="https://www.11ty.io/">eleventy</a> - A simpler static site
|
||
generator transforming various template files into HTML.</li>
|
||
<li><a href="https://nift.dev">Nift</a> - A cross-platform open source
|
||
website generator developed in C++ that is lightning fast and extremely
|
||
powerful.</li>
|
||
<li><a href="https://astro.build">Astro</a> - Build faster websites,
|
||
while shipping less to almost no Javascript.</li>
|
||
<li><a href="https://www.factorjs.org">FactorJS</a> - Next-generation
|
||
framework powered by Vite.</li>
|
||
</ul>
|
||
<p><em>For a more complete list see <a
|
||
href="https://www.staticgen.com/">StaticGen</a>.</em></p>
|
||
<h2 id="cms">CMS</h2>
|
||
<ul>
|
||
<li><a href="https://cosmicjs.com">Cosmic</a> - Headless CMS with REST
|
||
and GraphQL API options.</li>
|
||
<li><a href="https://kontent.ai">Kentico Kontent</a> - A cloud-native
|
||
headless CMS that scales.</li>
|
||
<li><a href="https://contentful.com">Contentful</a> - Content
|
||
infrastructure for digital teams.</li>
|
||
<li><a href="https://netlifycms.org/">NetlifyCMS</a> - open source
|
||
Git-based CMS.</li>
|
||
<li><a href="https://buttercms.com/">ButterCMS</a> - Headless CMS and
|
||
Content API.</li>
|
||
<li><a href="https://scrivito.com">Scrivito</a> - Cloud-based JavaScript
|
||
CMS built for digital agencies and medium to large-sized
|
||
businesses.</li>
|
||
<li><a href="https://graphcms.com">GraphCMS</a> - The GraphQL Headless
|
||
CMS.</li>
|
||
<li><a href="https://apito.io">Apito</a> - A Cloud Based Headless CMS
|
||
with CDN, Webhooks, Team Collaborations, Content Revision, Cloud
|
||
Functions.</li>
|
||
<li><a href="https://prismic.io">Prismic</a> - Headless API CMS for both
|
||
developers and marketers.</li>
|
||
<li><a href="https://siteleaf.com">Siteleaf</a> - A friendly CMS for
|
||
your static site.</li>
|
||
<li><a href="https://datocms.com">DatoCMS</a> - The API-based CMS your
|
||
editors will love.</li>
|
||
<li><a href="https://prose.io">Prose</a> - Prose is a content editor for
|
||
GitHub designed for managing websites.</li>
|
||
<li><a href="https://forestry.io">Forestry</a> - Headless CMS for sites
|
||
built with static site generators.</li>
|
||
<li><a href="https://github.com/fiatjaf/coisas">Coisas</a> - A
|
||
client-side CMS for editing GitHub Markdown (and other) files.</li>
|
||
<li><a href="https://getcockpit.com/">Cockpit</a> - A self-hosted
|
||
headless and api-driven CMS.</li>
|
||
<li><a href="https://headlesscms.org/">HeadlessCMS</a> - A List of
|
||
Content Management Systems for Jamstack Sites.</li>
|
||
<li><a href="https://www.takeshape.io/">TakeShape</a> - Headless GraphQL
|
||
API CMS with 1-click deploy to Netlify.</li>
|
||
<li><a href="https://ghost.org/">Ghost</a> - A headless CMS for online
|
||
publications</li>
|
||
<li><a href="https://strapi.io">Strapi</a> - The open source Headless
|
||
CMS Front-End Developers love.</li>
|
||
<li><a href="https://flotiq.com">Flotiq</a> - An effortless headless
|
||
CMS.</li>
|
||
<li><a href="https://www.treaclewp.com">TreacleWP</a> - WordPress API
|
||
hosting.</li>
|
||
<li><a href="https://agilitycms.com">Agility CMS</a> - The best of both
|
||
worlds for developers and content editors.</li>
|
||
<li><a href="https://cloudcannon.com/">CloudCannon</a> - The Git-based
|
||
CMS for your Jamstack sites.</li>
|
||
<li><a href="https://www.contember.com">Contember</a> - Bespoke content
|
||
management. Build and run GraphQL API and user-centric administration
|
||
without any hassle.</li>
|
||
</ul>
|
||
<h2 id="api">API</h2>
|
||
<h3 id="authentication">Authentication</h3>
|
||
<ul>
|
||
<li><a href="https://auth0.com/">Auth0</a> - Single sign on and token
|
||
based authentication.</li>
|
||
<li><a href="https://www.netlify.com/docs/identity/">Netlify
|
||
Identity</a> - Brings a full suite of authentication functionality,
|
||
backed by the <a href="https://www.gotrueapi.org">GoTrue API</a>.</li>
|
||
<li><a href="https://stytch.com">Stytch</a> - Passwordless
|
||
authentication and session management API, try it out <a
|
||
href="https://github.com/vercel/next.js/tree/canary/examples/auth-with-stytch">on
|
||
Vercel</a>.</li>
|
||
<li><a href="https://clerk.com">Clerk</a> – Complete user management UIs
|
||
and APIs, purpose-built for React, Next.js, and the modern web.</li>
|
||
</ul>
|
||
<h3 id="comments">Comments</h3>
|
||
<ul>
|
||
<li><a href="https://disqus.com">Disqus</a> - Global comment system that
|
||
improves discussion on websites and connects conversations across the
|
||
web.</li>
|
||
<li><a
|
||
href="https://developers.facebook.com/docs/plugins/comments">Facebook
|
||
Comments</a> - The comments plugin lets people comment on content on
|
||
your site using their Facebook account.</li>
|
||
<li><a href="https://utteranc.es/">Utterances</a> - A lightweight
|
||
comments widget built on GitHub issues. Use GitHub issues for blog
|
||
comments, wiki pages and more.</li>
|
||
</ul>
|
||
<h3 id="forms">Forms</h3>
|
||
<ul>
|
||
<li><a href="https://www.fetchforms.io/">Fetch Forms</a> - Create forms
|
||
with the speed of a form builder and use them in your applications by
|
||
calling a simple API.</li>
|
||
<li><a href="https://formcarry.com">Formcarry</a> - Hassle-free HTML
|
||
form endpoints for your form, powerful dashboard, reliable spam
|
||
blocking, attachment uploads and Zapier integrations.</li>
|
||
<li><a href="https://formcake.com">Formcake</a> - A form backend built
|
||
for developers: Zapier integrations, zero dependencies, a simple API,
|
||
and unlimited forms.</li>
|
||
<li><a href="https://getform.io">Getform</a> - Form backend platform for
|
||
designers and developers. Setup your form endpoints for your static site
|
||
within minutes and expand your data with Zapier integration and Webhooks
|
||
support.</li>
|
||
<li><a href="https://www.netlify.com/docs/form-handling/">Netlify
|
||
Forms</a> - Built-in form handling on building time by parsing HTML
|
||
files directly at deploy time.</li>
|
||
<li><a href="https://www.arengu.com">Arengu</a> - Build signup and login
|
||
forms with Arengu, enable social login, add 2FA or use passwordless
|
||
flows to authenticate users with your API or identity provider.</li>
|
||
<li><a href="https://www.staticforms.xyz/">Static Forms</a> - Integrate
|
||
HTML forms easily without any server side code. After user submits the
|
||
form we’ll send you content of the form to your registered email.</li>
|
||
</ul>
|
||
<h3 id="e-commerce">E-commerce</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/lloydjatkinson/astro-snipcart">Astro
|
||
Snipcart</a> - Astro Snipcart allows developers to build E-Commerce
|
||
sites using the Astro framework and the Snipcart platform.</li>
|
||
<li><a
|
||
href="https://github.com/christophercliff/flatmarket">Flatmarket</a> -
|
||
Flatmarket is a free, open source e-commerce platform for static
|
||
websites.</li>
|
||
<li><a href="https://www.gocommerceapi.org">GoCommerce</a> - A headless
|
||
e-commerce for Jamstack sites.</li>
|
||
<li><a href="https://snipcart.com/">Snipcart</a> - A powerful shopping
|
||
cart platform for developers.</li>
|
||
<li><a href="https://moltin.com/">Moltin</a> - eCommerce API for
|
||
developers.</li>
|
||
<li><a href="https://trolley.link">Trolley</a> - A shopping cart
|
||
designed for the Jamstack.</li>
|
||
<li><a
|
||
href="https://www.shopify.co.uk/plus/solutions/headless-commerce">Shopify</a>
|
||
- Shopify headless e-commerce solution.</li>
|
||
<li><a href="https://commercejs.com/">Commerce.js</a> - API-first
|
||
eCommerce platform for developers.</li>
|
||
<li><a href="https://cartql.com/">CartQL</a> - GraphQL Shopping Cart and
|
||
Checkout API built for the Jamstack and to work with any framework and
|
||
inventory.</li>
|
||
<li><a href="https://medusajs.com/">Medusa</a> - Medusa is an
|
||
open-source headless commerce engine that enables developers to create
|
||
amazing digital commerce experiences.</li>
|
||
</ul>
|
||
<h3 id="search">Search</h3>
|
||
<ul>
|
||
<li><a href="https://www.algolia.com/">Algolia</a> - The most reliable
|
||
platform for building search into your business.</li>
|
||
<li><a href="https://lunrjs.com/">Lunr</a> - Search made simple (on
|
||
frontend).</li>
|
||
<li><a href="https://cloudsh.com/">CloudSh</a> - Powerful search with a
|
||
few lines of JavaScript.</li>
|
||
</ul>
|
||
<h3 id="database">Database</h3>
|
||
<ul>
|
||
<li><a href="https://graphql.org">GraphQL</a> - Query language for APIs
|
||
and a runtime for fulfilling those queries with your existing data.</li>
|
||
<li><a href="https://graph.cool">Graphcool</a> - Open-source and
|
||
self-hosted backend-as-a-service to develop serverless GraphQL
|
||
backends.</li>
|
||
<li><a href="https://fauna.com">FaunaDB</a> - Relational NoSQL database
|
||
with joins, indexes, and multi-region ACID transactions in the cloud or
|
||
on-premise.</li>
|
||
<li><a href="https://use-fireproof.com/">Fireproof</a> - Zero
|
||
dependency, offline-capable CRDT database, runs in the browser and
|
||
connects to any cloud.</li>
|
||
<li><a href="https://jexia.com">Jexia DataSet</a> - REST API Schema
|
||
& Schemaless cloud data storage with built-in validators, relations,
|
||
aggregation functions.</li>
|
||
<li><a href="https://www.tigrisdata.com">Tigris</a> - Open-source data
|
||
platform with databases, automatic search indexing for real-time search,
|
||
caching and real-time pub/sub.</li>
|
||
</ul>
|
||
<h3 id="file-management">File management</h3>
|
||
<ul>
|
||
<li><a href="https://jexia.com">Jexia FileSet</a> - REST API File
|
||
manager for your application with indexing and extra functions.</li>
|
||
</ul>
|
||
<h3 id="automation">Automation</h3>
|
||
<ul>
|
||
<li><a href="https://zapier.com/">Zapier</a> - Trigger actions
|
||
connecting more than 1000 apps together.</li>
|
||
<li><a href="https://github.com/DataFire/DataFire">DataFire</a> -
|
||
DataFire is an open source framework for building and integrating
|
||
APIs.</li>
|
||
</ul>
|
||
<h2 id="serverless">Serverless</h2>
|
||
<ul>
|
||
<li><a href="https://www.netlify.com/docs/functions/">Netlify
|
||
Functions</a> - Netlify lets you deploy Lambda functions without an AWS
|
||
account, and with function management handled directly within
|
||
Netlify.</li>
|
||
<li><a href="https://aws.amazon.com/lambda/">Amazon Lambda</a> - Lets
|
||
you run code without provisioning or managing servers.</li>
|
||
<li>Microsoft Azure
|
||
<ul>
|
||
<li><a
|
||
href="https://docs.microsoft.com/en-us/azure/azure-functions/">Azure
|
||
Functions</a> - Serverless compute service that enables you to run code
|
||
on-demand without having to explicitly provision or manage
|
||
infrastructure.</li>
|
||
<li><a href="https://docs.microsoft.com/en-us/azure/logic-apps/">Azure
|
||
Logic Apps</a> - Simplifies building automated scalable workflows that
|
||
integrate apps and data across cloud services and on-premises
|
||
systems.</li>
|
||
</ul></li>
|
||
<li>Google Cloud
|
||
<ul>
|
||
<li><a href="https://cloud.google.com/appengine/">App Engine</a> -
|
||
Serverless application that completely abstracts away infrastructure so
|
||
you focus only on code.</li>
|
||
<li><a href="https://cloud.google.com/functions/">Cloud Functions</a> -
|
||
Serverless environment to build and connect cloud services.</li>
|
||
<li><a href="https://cloud.google.com/datastore/">Cloud Datastore</a> -
|
||
Highly-scalable NoSQL database with automatic sharding and
|
||
replication.</li>
|
||
<li><a href="https://cloud.google.com/storage/">Cloud Storage</a> -
|
||
Geo-redundant object storage for high QPS needs.</li>
|
||
<li><a href="https://cloud.google.com/pubsub/">Cloud Pub/Sub</a> -
|
||
Geo-redundant real-time messaging for all message sizes and
|
||
velocities.</li>
|
||
<li><a href="https://apigee.com/">Apigee</a> - Enterprise API management
|
||
for multi-cloud environments.</li>
|
||
<li><a href="https://cloud.google.com/endpoints/">Endpoints</a> - API
|
||
management apps built on Google Cloud.</li>
|
||
<li><a href="https://cloud.google.com/dataflow/">Cloud Dataflow</a> -
|
||
Serverless stream and batch data processing service.</li>
|
||
<li><a href="https://cloud.google.com/bigquery/">BigQuery</a> -
|
||
Serverless data warehousing services that help you to deploy advanced
|
||
cloud data warehousing solutions for your enterprise.</li>
|
||
<li><a href="https://cloud.google.com/ml-engine/">Cloud ML Engine</a> -
|
||
Serverless machine learning services that automatically scales built on
|
||
custom Google hardware (Tensor Processing Units).</li>
|
||
</ul></li>
|
||
<li><a href="https://serverless.com/">Serverless</a> - Toolkit for
|
||
deploying and operating serverless architectures.</li>
|
||
<li><a href="https://cloudinary.com/">Cloudinary</a> - Serverless media
|
||
(images/videos) management platform. Provides SDKs in every popular
|
||
language and media widgets for Jamstack to make it easy to manage media,
|
||
CDN, storage, transformations, and more.</li>
|
||
<li><a href="https://www.imgix.com/">imgix</a> - Serverless image
|
||
delivery and management service. imgix connects to where your images are
|
||
stored (e.g. S3, GCS, web folder) and transforms, optimizes, and
|
||
intelligently delivers your images using simple and robust URL
|
||
parameters.</li>
|
||
<li><a href="https://twicpics.com/">TwicPics</a> - Serverless images
|
||
& videos optimization and transformation service. TwicPics can be
|
||
plugged into any stack to optimize medias in real-time by giving full
|
||
control to frontend developers.</li>
|
||
</ul>
|
||
<p><em>For a more complete list see <a
|
||
href="https://github.com/pmuens/awesome-serverless">Awesome
|
||
Serverless</a>.</em></p>
|
||
<h2 id="videos">Videos</h2>
|
||
<ul>
|
||
<li><a href="https://vimeo.com/163522126">The New Front-end Stack.
|
||
JavaScript, APIs and Markup</a> - Matt Biilmann.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=uWTMEDEPw8c">Rise of the
|
||
Jamstack</a> - Mathias Biillman.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=XOYtS91QWQI">Jamstack:
|
||
Silly name, serious stuff</a> - Phil Hawksworth.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=KX4G49ZrvY0">Git-based or
|
||
API-driven CMS</a> - Chris Macrae.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=NSts93C9UeE">Jamstack
|
||
Tutorial - Full site using Netlify & Hugo</a> -
|
||
freeCodeCamp.org.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=6YhqQ2ZW1sc">Gatsby JS
|
||
Crash Course</a> - Traversy Media.</li>
|
||
<li><a href="https://www.gatsbyjs.com/gatsby-days-keynote-kyle/">How We
|
||
Got Here and The Future of the Web</a> - Kyle Mathews.</li>
|
||
<li><a
|
||
href="https://www.youtube.com/channel/UC8bRyfU7ycLXnEBfvdorpUg/videos">Talks
|
||
from all the Jamstack Conferences</a> - Jamstack Conf.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=dwpn1pd9kT8">How I Used
|
||
React, Vue, & Node to Build a Single Jamstack App</a> - Ahmad
|
||
Awais.</li>
|
||
<li><a href="https://www.youtube.com/watch?v=H19fF7ITtaI">React vs Vue,
|
||
Gatsby vs Gridsome - building the same site</a> - Ondrej Polesny.</li>
|
||
<li><a href="https://youtu.be/ReSvk5MQek4">WTF is Jamstack?</a> - Ondrej
|
||
Polesny.</li>
|
||
</ul>
|
||
<h2 id="tutorials-articles">Tutorials / Articles</h2>
|
||
<ul>
|
||
<li><a href="https://blog.ghost.org/jamstack/">Ghost on the
|
||
Jamstack</a></li>
|
||
<li><a href="https://bejamas.io/blog/jamstack-ecosystem/">Jamstack
|
||
Ecosystem</a></li>
|
||
<li><a
|
||
href="https://blog.getform.io/building-a-gatsby-contact-form-using-getform">Building
|
||
a contact form in Gatsby using Getform</a></li>
|
||
<li><a
|
||
href="https://blog.ginetta.net/getting-started-with-gatsby-and-cockpit-part-1-of-2-d86871932d44">Getting
|
||
Started with Gatsby and Cockpit — Part 1 of 2</a></li>
|
||
<li><a
|
||
href="https://medium.com/@pinku1/creating-static-e-commerce-site-with-gatsbyjs-a349d7e022a">Creating
|
||
Static E-commerce site with GatsbyJs</a></li>
|
||
<li><a
|
||
href="https://forestry.io/blog/for-static-sites-theres-no-excuse-not-to-use-a-cdn/">For
|
||
Static Sites, There’s No Excuse Not to Use a CDN</a></li>
|
||
<li><a
|
||
href="https://www.sanity.io/blog/e-commerce-vue-nuxt-snipcart">E-commerce
|
||
front-end for Vue.js, Nuxt.js and Snipcart</a></li>
|
||
<li><a
|
||
href="https://noti.st/philhawksworth/qp7jZC/jamstack-and-netlify-do-we-really-need-another-buzzword">Jamstack
|
||
and Netlify: Do We really need another buzzword?</a></li>
|
||
<li><a
|
||
href="https://medium.com/@CRVVC/the-jamstack-startup-landscape-c06cc3cdb917">The
|
||
Jamstack Startup Landscape</a></li>
|
||
<li><a
|
||
href="https://blog.pavsidhu.com/how-i-built-my-blog-using-gatsby-and-netlify/">How
|
||
I built my blog using Gatsby and Netlify</a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/headless-ecommerce-guide">Developer’s
|
||
Guide to Headless E-Commerce</a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/static-forms-serverless-gatsby-netlify">Handling
|
||
Static Forms, Auth & Serverless Functions with Gatsby on
|
||
Netlify</a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/jamstack-clients-static-site-cms">Jamstack
|
||
for Clients: Benefits, Static Site CMS, & Limitations</a></li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/netlify-cms-react-git-workflow">Exploring
|
||
Netlify CMS, a React & Git-Based Content Management System</a></li>
|
||
<li><a
|
||
href="https://medium.com/@UnicornAgency/jamstack-pwa-lets-build-a-polling-app-with-gatsby-js-firebase-and-styled-components-pt-1-78a03a633092">Jamstack
|
||
PWA — Let’s Build a Polling App. with Gatsby.js, Firebase, and
|
||
Styled-components Pt. 1</a></li>
|
||
<li><a
|
||
href="https://bryanlrobinson.com/blog/2018/11/12/ios-shortcuts-pushing-data-to-netlify-static-site/">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</a></li>
|
||
<li><a
|
||
href="https://www.gatsbyjs.org/blog/2018-11-07-gatsby-for-apps/">Gatsby
|
||
for Apps</a></li>
|
||
<li><a
|
||
href="https://www.gatsbyjs.org/blog/2018-12-17-turning-the-static-dynamic/">Turning
|
||
the Static Dynamic</a></li>
|
||
<li><a
|
||
href="https://blog.lichter.io/posts/going-jamstack-with-netlify-and-nuxt/">Going
|
||
Jamstack with Netlify and Nuxt</a></li>
|
||
<li><a
|
||
href="https://scotch.io/tutorials/getting-started-with-gridsome">Getting
|
||
Started With Gridsome</a></li>
|
||
<li><a href="https://interplanetarygatsby.com/ipfs-deploy/">The Complete
|
||
Beginner’s Guide to Deploying Your First Static Website to IPFS</a></li>
|
||
<li><a href="https://snipcart.com/jamstack-ecommerce-podcast">A Broad
|
||
Discussion on Jamstack & E-Commerce (Podcast &
|
||
Transcript)</a></li>
|
||
<li><a href="https://bejamas.io/blog/static-site-generators/">The
|
||
Beginner’s Guide to Static Site Generators</a></li>
|
||
<li><a href="https://bejamas.io/blog/headless-cms/">Headless CMS Options
|
||
for Your Jamstack Site</a></li>
|
||
<li><a
|
||
href="https://kontent.ai/resources/state-of-jamstack-2020-report">State
|
||
of Jamstack 2020 report</a></li>
|
||
<li><a href="https://www.jamify.org">Jamify Tutorials — Publish flaring
|
||
fast blogs with Gatsby and Ghost</a></li>
|
||
<li><a href="https://kontent.ai/blog/gatsby-vs-next-gridsome-nuxt">Why
|
||
is Next.js my ultimate choice over Gatsby, Gridsome, and Nuxt?</a></li>
|
||
<li><a
|
||
href="https://testdriven.io/blog/static-site-flask-and-netlify/">Generating
|
||
a Static Site with Flask and Deploying it to Netlify</a> - Leverage the
|
||
JAMstack with Python and Flask by creating a static site and deploying
|
||
it to Netlify.</li>
|
||
<li><a
|
||
href="https://snipcart.com/blog/jamstack-static-site-comments">Static
|
||
Site Comments: A Jamstack How-To</a></li>
|
||
</ul>
|
||
<h2 id="podcasts">Podcasts</h2>
|
||
<ul>
|
||
<li><a href="https://www.netlify.com/tags/podcast/">Jamstack
|
||
Radio</a></li>
|
||
<li><a href="https://thatsmyjamstack.com">That’s my Jamstack</a></li>
|
||
</ul>
|
||
<h2 id="books">Books</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.netlify.com/pdf/oreilly-modern-web-development-on-the-jamstack.pdf">Modern
|
||
Web Development on the Jamstack</a> - By Mathias Biilmann & Phil
|
||
Hawksworth (published by O’Reilly).</li>
|
||
<li><a href="https://www.manning.com/books/hugo-in-action">Hugo in
|
||
Action</a></li>
|
||
<li><a
|
||
href="https://www.packtpub.com/web-development/jumpstart-jamstack-development">Jumpstart
|
||
Jamstack Development</a> - By Christopher Pecoraro and Vincenzo
|
||
Gambino</li>
|
||
<li><a href="https://www.manning.com/books/the-jamstack-book">The
|
||
Jamstack Book</a> - by Raymond Camden and Brian Rinaldi</li>
|
||
</ul>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="https://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg"
|
||
alt="CC0" /></a></p>
|