Astro – The Complete Guide (GraphQL, REST APIs, and more)

Dive in and learn Astro from scratch! Islands Architecture, static & dynamic routes, MDX, REST & GraphQL APIs and more!

Astro – The Complete Guide teaches you everything you need to know about how to build sites and apps with Astro.

What you’ll learn

  • Astro’s Islands Architecture and what makes Astro different from other frameworks.
  • Astro components, layouts, and pages.
  • How to use various UI frameworks like React, Vue, Angular Tailwind, etc. in Astro.
  • How to fetch data from GraphQL and REST APIs to use in your Astro projects.
  • How to use Strapi CMS with Astro.
  • How to generate static and dynamic routes from Markdown, MDX, and APIs (REST & GraphQL).

Course Content

  • Introduction –> 1 lecture • 1min.
  • Understanding Astro and its ecosystem –> 12 lectures • 25min.
  • Project: Blog –> 12 lectures • 26min.
  • Extra Project w/ Astro themes –> 1 lecture • 2min.
  • Astro 2.0 –> 1 lecture • 10min.

Astro - The Complete Guide (GraphQL, REST APIs, and more)

Requirements

Astro – The Complete Guide teaches you everything you need to know about how to build sites and apps with Astro.

 

Free book

This course is based upon my book “Getting started with Astro,” which you will get a free copy of when you purchase this course.

People learn differently, and with this course, you get my book and video lessons for each chapter. You can reference the book for code samples, screenshots, and additional information and resources.

 

Who am I, and why should you trust me?

  • My name is Robert Guss, and I am a senior software engineer with over 8 years of experience
  • Most recently, I worked at Cypress
  • I currently teach over 44,000 students on Udemy
  • My courses have over 1,600 reviews and are rated 4.5 stars or higher

 

What you will learn

  1. What makes Astro different from other frameworks
  2. Astro’s Island Architecture
  3. Astro components, pages, and layouts
  4. Static routes & dynamic routes
  5. How to work with remote data from both REST APIs and GraphQL APIs
  6. How to work with both markdown and MDX files

 

What will you build

  • This course has two projects
  • In the first project, we will build a blog together as this is the best way, in my opinion, to learn all of Astro’s features
  • We will first create our blog using markdown files
  • Then we will convert our markdown files to MDX
  • Then we will Install and setup Strapi CMS to use as our headless CMS
  • We will then learn how to fetch our blog posts from Strapi and render them in our Astro pages and components from a REST API
    • We will also learn how to generate dynamic routes from the Strapi REST API
  • Then we will learn how to use Strapi as a GraphQL API and render our posts in Astro using GraphQL
  • In the 2nd project, you will learn how to download a pre-built Astro theme and modify it to render your blog posts from Strapi CMS (REST API and GraphQL API).

 

GitHub repo & code included

All of the code used in the videos is available as a GitHub repo for your reference.

 

Updates

This course and my book are regularly updated as the Astro team makes improvements and adds new features to the framework

 

Refund

There is also a 30-day money-back guarantee by Udemy.

Even if you request a refund, my Astro book is yours to keep as my gift. You will continue to have lifetime access to the book with all future updates and releases

Get Tutorial