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.