Author -  Sai gowtham

What is JAMstack and why is so fast

Jamstack is the Modern way to build websites by using JavaScript, Apis and Markup.

Jamstack

JavaScript : The request and response cycle is handled by the client-side JavaScript it can be your single-page-app(spa) such as react or vuejs or plain JavaScript.

Apis: The APIs are used to store the user data in the database or handling authentication.

Markup: Site markup can prebuilt during the build time by using a static site generator.

Why JAMstack sites are fast?

  • There is no heavy lifting servers behind the jamstack sites because everything is prebuilt HTML, CSS,JavaScript and served using the content delivery network(CDN).

  • Each time you click on a new page or blog post in the WordPress site we make a network request to the server and we need to wait until the server builds that page and sends back to the client it often sometimes server fail to build a webpage during the heavy load.

  • The hosting cost is also very cheap for the Jamstack sites compare to the other tech stacks.(Lamp or mean etc).

  • High security.

Example sites build with the JAMstack

The site you are currently browsing is also build with jamstack by using the Gatsby static site generator.

  1. lodash.com
  2. serverless.com
  3. fullstackhq.com
  4. smashingmagazine.com

they are many more sites.

I have a complete tutorial of how to build a jamstack blog by using gatsbyjs and react.

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2023 (Beginner + Advanced)
JavaScript - The Complete Guide 2023 (Beginner + Advanced)
116,648 students enrolled
52 hours of video content
$14.99 FROM UDEMY
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
631,582 students enrolled
49 hours of video content
$24.99 FROM UDEMY
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
203,937 students enrolled
31.5 hours of video content
$14.99 FROM UDEMY