Jamstack Serverless screenshot

Jamstack Serverless

Updated: 26 Oct 2020
194 Stars

Learn JAMstack Serverless Modern App Development in Baby Steps using Gatsby.js, React, TypeScript, GraphQL, Contentful, Netlify, FaunaDB, MongoDB, Apollo, Github Actions, Project Fugu, and CSS Houdini.

Categories

Overview

In this article, the author introduces the concept of developing JAMstack serverless websites and apps using technologies like React, Gatsby.js, Contentful, Serverless Functions, Netlify, FaunaDB, Apollo, and GitHub Actions. The article also provides resources for beginners to get started with app development and covers the various concepts, technologies, architecture, and companies behind modern full-stack websites and apps.

Features

  • Blazingly fast and scalable websites and apps
  • Use of JAMstack, GraphQL, and serverless technologies
  • Development with React, Gatsby.js, Contentful, Serverless Functions, Netlify, FaunaDB, Apollo, and GitHub Actions

Installation

  1. Start by familiarizing yourself with the concepts, technologies, architecture, and companies behind modern full-stack websites and apps.
  2. If you don’t have a web programming background or are not familiar with React, consider starting from the app development foundation bootcamp.
  3. Read the following articles and watch the corresponding videos to gain more knowledge and understanding:
    • Class Videos Summary in English on Facebook Video
    • Summary in English on YouTube Video
    • Summary in Urdu on Facebook Video
    • Summary in Urdu on YouTube Video
    • Steps 00 to 05 in English on Facebook Video
    • Steps 00 to 05 in English on YouTube Video
    • Steps 00 to 05 in Urdu on Facebook Video
    • Steps 00 to 05 in Urdu on YouTube Video
    • Steps 06 to 08 in English on Facebook
    • Steps 06 to 08 in English on YouTube
    • Steps 06 to 08 in Urdu on Facebook
    • Steps 06 to 08 in Urdu on YouTube
    • Steps 09 to 12 and 24 in English on Facebook
    • Steps 09 to 12 and 24 in English on YouTube
    • Steps 09 to 12 in Urdu on Facebook
    • Steps 09 to 12 in Urdu on YouTube
    • Steps 13 to 17 in English on Facebook
    • Steps 13 to 17 in English on YouTube
    • Steps 13 to 17 in Urdu on Facebook
    • Steps 13 to 17 in Urdu on YouTube
    • Steps 18 and 19 in English on Facebook
    • Steps 18 and 19 in English on YouTube
    • Steps 18 and 19 in Urdu on Facebook
    • Steps 18 and 19 in Urdu on YouTube
    • Steps 20, 21, and 22 in English on Facebook
    • Steps 20, 21, and 22 in English on YouTube
    • Steps 20, 21, and 22 in Urdu on Facebook
    • Steps 20, 21, and 22 in Urdu on YouTube
    • Steps 22 onwards in English on Facebook
    • Steps 22 onwards in English on YouTube
    • Steps 22 onwards in Urdu on Facebook
    • Steps 22 onwards in Urdu on YouTube
    • Project C Todo App in English on Facebook
    • Project C Todo App in English on YouTube
    • Project C Todo App in Urdu on Facebook
    • Project C Todo App in Urdu on YouTube
    • Project C Todo App by Adil
    • Project D in English on Facebook
    • Project D in English on YouTube
    • Project D Bookmark App by Daniyal
    • Project D Bookmark App in Urdu on Facebook
    • Project D in Bookmark App in Urdu on YouTube
    • Project E Virtual Lolly App in English on Facebook
    • Project E Virtual Lolly App in English on YouTube
    • Zeeshan’s Project E Virtual Lolly App Code Repo
    • Project E Virtual Lolly App in Urdu on Facebook
    • Project E Virtual Lolly App in Urdu on YouTube

Summary

This article provides a comprehensive guide to developing JAMstack serverless websites and apps using modern technologies. It covers the key features and benefits of using JAMstack, GraphQL, and serverless architectures. The article also offers resources for beginners and provides step-by-step instructions for installation and development. Overall, this article is a valuable resource for anyone looking to build fast, scalable, and modern web applications.