Jamstack and WebApps

What is Jamstack?

• Jamstack is Javascript, APIs, and Markup.

• Jamstack

• What is Jamstack

• Awesome Jamstack

• Structure

  • JavaScript Frontend Frameworks

  • Static Site Generator

  • Headless CMS

  • Deployment

  • Third Party SaaS

List JavaScript Frontend Frameworks

• React

• Vue

• Angular

• Svelte

List Static Site Generators

• Next.js

• Gatsby

• Hugo

• Jekyll

• 11ty (Eleventy)

• Nuxt

• Docosaurus

List Headless CMS's

• Contentful

• Strapi

• Netlify CMS

• Dato CMS

• Ghost

• Publii

• Prose

• Forestry

• Sanity

• Stackbit

List of Deployments (Static Hosting)

Comparison

• Github Pages
• Netlify:

  • Netlify
  • Netlify Drop
• Zeit, now Vercel
• Cloudflare:

  • Cloudflare Pages
  • Cloudflare Workers
• Google:

  • Firebase

  • Google Cloud Platform : How to GCP
• Azure Static Web Apps–App Service - Microsoft Azure, How to Azure
• Amazon:

  • AWS Amplify

  • AWS
• Surge
• Render
• Digital Ocean App Platform
• NearlyFreeSpeech
• Peergos
• Neocities
• Oracle Cloud Free Tier
• Fleek
• CodaSite

Host Comparison

• CloudFlare Pages, Netlify, Zeit, Github Pages, and Gitlab Pages. Where to host for free?

Third Party SaaS

• Comments

  • Disqus

  • Staticman

• Search

  • Algolia

  • List.js

• Authorization

  • Auth0

• Form Submission

  • Typeform

  • FormKeep

• E-Commerce

  • Snipcart

  • Foxy.io

Learn Jamstack

• How to host and deploy a static website or JAMstack app to AWS S3 and CloudFront from freeCodeCamp
• A Step-by-Step Guide: Gatsby on Netlify from Netlify
• Build your own Blog from Scratch using Eleventy from filament group
• How to Host your Static Website with AWS - A Beginner's Guide from freeCodeCamp
• Hugo Tutorial: How to Build & Host a (Very Fast) Static E-Commerce Site from SnipCart
• How to Build Authenticated Serverless JAMstack Apps with Gatsby and Netlify from freeCodeCamp
• Which service? Netlify vs Vercel vs Azure Static Web App · Elio Struyf
• How to Deploy a Full-Stack App to the Web
• 10 Tips To Host Your Web Apps For Free
• Deploy A Web App (Golang, Java, ...) To The Cloud For Free - Simply How

Gatsby Starters

• BooGi: Gatsby Starter - Gatsby
• gatsby-starter-rocket-docs: Gatsby Starter - Gatsby
• gatsby-starter-docz-netlifycms: Gatsby Starter - Gatsby
• gatsby-personal-site-template: Gatsby Starter - Gatsby
• gatsby-markdown-typescript-personal-website: Gatsby Starter - Gatsby
• Gatsby Starter - Gatsby
• gatsby_starter_portfolio: Gatsby Starter - Gatsby
• LekoArts/gatsby-starter-minimal-blog: Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting. *
• Home - Julia Doe
• AbdaliDahir/gatsby-portfolio: creative personal & portfolio template based on gatsby. designed so you can showcase your work and write your blogs.
• gatsby-starter-foundation/blog-post.js at main · stackrole/gatsby-starter-foundation
• Chronoblog/gatsby-theme-chronoblog: ⏳ Chronoblog is a Gatsbyjs theme specifically designed to create a personal website. The main idea of ​​Chronoblog is to allow you not only to write a personal blog but also to keep a record of everything important that you have done.
• codebushi/gatsby-starter-dimension: Gatsby.js V2 starter template based on Dimension, designed by HTML5 UP. Check out https://codebushi.com/gatsby-starters-and-themes/ for more Gatsby starters.

Jekyll Themes

• mpa139/allanlab: Allan Lab website
• liuyxpp/liuyxpp.github.io: Homepage for my research group as an example of LYX Jekyll Theme.
• Niemeyer-Research-Group/niemeyer-research-group.github.io: Niemeyer Research Group site
• alshedivat/al-folio: A beautiful, simple, clean, and responsive Jekyll theme for academics
• mmistakes/minimal-mistakes: Jekyll theme for building a personal site, blog, project documentation, or portfolio.