Learn how to create performant Jamstack sites with this amazing static site generator
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.
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.
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.