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!

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)

Requirements

No prior experience with Astro necessary. You should be familiar with HTML, CSS and JS. Ideally, you have prior experience with a UI framework like React or similar.

Description

Astro - The Complete Guide teaches you everything you need to know about how to build sites and apps with Astro.Free bookThis 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 experienceMost recently, I worked at CypressI currently teach over 44,000 students on UdemyMy courses have over 1,600 reviews and are rated 4.5 stars or higherWhat you will learnWhat makes Astro different from other frameworksAstro’s Island ArchitectureAstro components, pages, and layoutsStatic routes & dynamic routesHow to work with remote data from both REST APIs and GraphQL APIsHow to work with both markdown and MDX filesWhat will you buildThis course has two projectsIn the first project, we will build a blog together as this is the best way, in my opinion, to learn all of Astro’s featuresWe will first create our blog using markdown filesThen we will convert our markdown files to MDXThen we will Install and setup Strapi CMS to use as our headless CMSWe will then learn how to fetch our blog posts from Strapi and render them in our Astro pages and components from a REST APIWe will also learn how to generate dynamic routes from the Strapi REST APIThen we will learn how to use Strapi as a GraphQL API and render our posts in Astro using GraphQLIn 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 includedAll of the code used in the videos is available as a GitHub repo for your reference.UpdatesThis course and my book are regularly updated as the Astro team makes improvements and adds new features to the frameworkRefundThere 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

Overview

Section 1: Introduction

Lecture 1 Download Astro book

Section 2: Understanding Astro and its ecosystem

Lecture 2 GitHub repo & code samples

Lecture 3 Astro Islands and what makes Astro different

Lecture 4 Development setup & tools

Lecture 5 How to install Astro and create your first site

Lecture 6 Astro components

Lecture 7 Astro layouts

Lecture 8 Static Routes

Lecture 9 Dynamic Routes

Lecture 10 Working with remote Data

Lecture 11 Fetching data in framework components

Lecture 12 Importing Markdown files

Lecture 13 How to integrate various UI frameworks, themes, and tools

Section 3: Project: Blog

Lecture 14 GitHub repo & final project code

Lecture 15 Creating a new Astro project

Lecture 16 Creating the posts page

Lecture 17 Updating our blog posts to MDX

Lecture 18 Installing Strapi CMS

Lecture 19 Creating the Post content type in Strapi

Lecture 20 Creating our posts in Strapi

Lecture 21 Strapi REST API permissions

Lecture 22 Rendering the blog posts from Strapi

Lecture 23 Creating dynamic routes for each post

Lecture 24 Using GraphQL in Strapi and Astro

Lecture 25 Practice

Section 4: Extra Project w/ Astro themes

Lecture 26 Extra project - Astro themes

Section 5: Astro 2.0

Lecture 27 Content collections

Web developers who want to build blazing fast sites and apps