Learn JAMStack by building Ecommerce website

Learn JAMStack by building Ecommerce website

Build websites that are simpler, faster, and more secure

New Course
Course Instructor: Sarfaraz Kasmani

Course Outcomes

  • Real-World usage of the JAM-Stack
  • Modern JavaScript deployment
  • Serving Frontend to the internet
  • Static Site Generators (11ty)
  • Headless CMS (Contentful CMS)
  • Tailwindcss with 11ty
  • Tailwindcss with Gatsby
  • Gatsby and Graphql
  • Ecommerce Project
  • Blog Website

Course Structure

29 lectures3h 45m total duration

  Lecture 1 - Introduction 
3min
  Resources for first project 
1min

About This Course

The JAMstack is a cutting-edge web development architecture that emphasizes simplicity, speed, and security. It leverages pre-rendered files served directly from a Content Delivery Network (CDN), eliminating the need for traditional web servers. This approach offers several key advantages for modern web applications.

One of the primary benefits of the JAMstack is significantly improved performance. By pre-building pages at deploy time, websites can achieve minimal time to first byte, resulting in faster load times and a better user experience. Security is also enhanced as server-side processes are abstracted into microservice APIs, reducing potential attack surfaces. This architecture allows developers to take advantage of specialized third-party services, further improving overall security.

In Project 1 of this course, you'll learn to build a website from the ground up using the JAMstack approach. You'll set up an 11ty project, integrate data from Contentful CMS, style your pages with Tailwindcss, and deploy the finished site to Netlify. This hands-on experience will give you a comprehensive understanding of the JAMstack workflow.

Project 2 will focus on e-commerce, teaching you how to create a lightning-fast and secure online shop. Using Gatsby, you'll learn to pull all your product data at build time and pre-render the pages, resulting in near-instantaneous loading times. This project will demonstrate the power of the JAMstack in a real-world, high-performance scenario.

Used by learners at

Microsoft
Amazon
Google

Course Requirements

  • Basic programming knowledge
  • HTML, JavaScript, CSS
  • Interest in building JavaScript applications

Course Instructor

Sarfaraz Kasmani
Software Engineer and Digital Marketer
Sarfaraz Kasmani
4.5 Instructor rating
28 Ratings
268 Students
7 Courses

I am Sarfaraz Kasmani a Front End Developer and Digital Marketer from Mumbai, India. I am having more than 9 years of experience in the field of Front End Development and Digital Marketing. I'm excit...View profile

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro