Ship Less JavaScript with Astro
Learn how to create performant Jamstack sites with this amazing static site generator
Astro is a relatively new static site generator (at the time of recording this course they are still in beta), however it does bring a fresh addition to the list of existing tools. One of its core promises is to ship less JavaScript, and boy, do they deliver on that! Throughout this course we'll be building an application that highlights the key features of Astro.
One important features of this modern SSG is to allow developers to import existing components from other, popular frontend frameworks. Yes, you read that right. You can use an existing React or a Vue (or Svelte, Preact and others) component within your Astro project! As part of the course you will also become familiar with the "Islands Architecture" - a new way of thinking about designing and developing a web application - and Astro is truly spearheading this architectural design by adding partial hydration to it's list of amazing features, out of the box.
By completing this course you will learn the basics of Astro, learn about it's component system, it's routing mechanisms and last but not least about it's superior Markdown support. The final project that we are building will be deployed to Cloudflare Pages which is an exciting development from Cloudflare to capture the attention of Jamstack developers.
Your Instructor
Tamas is a Google Developer Expert in Web Technologies and a Developer Evangelist. He has more than a decade of experience delivering technical training to large, prestigious organisations. Throughout his career, he has delivered presentations and training classes all over the world. His passionate about unlocking the latest & greatest features of web development.
Course Curriculum
-
StartImport a React Gallery Component (8:22)
-
StartBuilding the "Features" Component (4:45)
-
StartStatic Generation of Dynamic Routes (7:38)
-
StartListing data from JSON (2:01)
-
StartImport a Vue Postcard Component (16:34)
-
StartBuilding a Blog Preview Component (2:13)
-
StartAdding Blog Capabilities with Pagination using Astro (9:51)
-
StartDisplay Articles with Astro (10:22)
Frequently Asked Questions
Get started with the Jamstack today! Becoming hands-on with technologies and services being heavily utilised by Jamstack projects will give you first-class experience of the stack. You will gain valuable knowledge and be able to apply your newly gathered skills in different projects.