A premium interactive course for building modern websites using the Astro web framework
by Chris Pennington
Coding in Public on YouTube
In a world of overly-engineered web frameworks, Astro promises a crafted simplicity with excellent developer experience and even better performance.
Yet there’s a sneaky amount of complexity available to you when building with Astro. Start simple—by all means! But as soon as you need it, Astro can:
…and much, much more…
Astro started with a laser focus on content. While still the best option for content-heavy sites, Astro has grown to support a wide range of use cases. The question is: Do you know everything Astro can do?
Astro moves fast…like FAST, FAST! In just over a year, Astro has dropped three major versions. And even between versions, they’ve silently added massive features—like middleware!
Keeping up with all the tools and features is half the battle. I want to help! I’m currently using Astro for nearly a dozen production sites ranging from simple landing pages to near full-stack apps with middlewear, auth-protected routes, real-time databases, and more!
Everyone learns differently, but something as fast-moving and exciting as Astro requires a similar approach. You can spend hours reading the Astro docs, track every RFC to production and read the discussed proposals, attend the weekly Community Call to hear the latest updates, build new features into real production sites each week, and more!
That’s what I do! It’s an incredibly effective and worthwhile approach, but it takes a lot of time and isn’t for everyone.
Let’s speed up that process for you. I’ve been coding Astro sites since the early betas and have put together what I know into this self-paced, project-based online course.
The course will focus on using Astro’s built-in tooling and features instead of implementing third-party libraries, tools, and products. Here is an overview of the planned modules.
Section 1: Core Astro
An overview of the basic concepts of Astro websites.
Building components using Astro’s custom syntax.
Render markdown and MDX components and routes in Astro with page-based routing.
Write type-safe Markdown or MDX with Astro's content collections.
Learn rendering options and routing in Astro.
Build a personal portfolio site with Astro.
Section 2: Astro Tools
Coming SoonOptimize local or remote images with Astro.
Learn how to set up dynamic endpoints in SSG and SSR.
Learn how to work with Astro’s database solution.
Configure middleware to inject dynamic behaviors on page request.
We’ll put all our middleware understanding to use by adding Auth to the project
Transition between pages using the View Transitions API via Astro’s helpers.
Astro provides a simple way to internationalize your site using the i18n helper.
Astro integrations offer additional functionality to extend the core experience.
Section 3: Astro Projects
Coming SoonAstro provides multiple ways to integrate with a CMS. We will implement a sample CMS as a demonstration.
Astro’s flexibility allows for a variety of backend services to be integrated.
Astro is perfect for a full stack project with complex CRUD operations or embedded front-end UI components.
$???
$85During early preview, get at least 20% off the final price.
The early preview version includes:
I have more than 15 hours of content planned, including several large projects. Full launch anticipated Spring 2024.