1
Intro: Build a Full Stack Blog with Astro
4m 19s
2
Create an Astro Project and Set up the Dev Environment
4m 11s
3
Style Astro Pages with Many Different Options
9m 4s
4
Create Static Pages in Astro Using File Based Routing
2m 36s
5
Create and Apply a Layout to Astro Pages
4m 24s
6
Create an Astro Component for Links
5m 24s
7
Render Images to Pages with Astros Static Serving and Static Assets
5m 22s
8
Create Astro Content Collections with Zod for a Typesafe Blog
7m 48s
9
Render an Astro Blog Post Page with getStaticPaths
6m 8s
10
Implement Pagination in a Dynamic Astro Index Page with getStaticPaths and paginate
9m 20s
11
Implement SEO in an Astro Website with astro-seo
5m 1s
12
Generate a Sitemap in Astro with the sitemap Integration
6m 55s
13
Generate an RSS Feed for an Astro Blog with @astrojs/rss
7m 24s
14
Deploy a Static Astro Site on Vercel
1m 1s
15
Milestone Recap: Build a Full Stack Blog with Astro
1m 30s
16
Add Interactive React Components to a Static Astro Page with Astro Islands
7m 56s
17
Refactor a React Astro Island to Vanilla JS to Ship Less JavaScript
7m 57s
18
Create a fly.io Account and Prepare a Project for Deployment
2m 23s
19
Dockerize a Server-side Rendered (SSR) Astro Blog and Deploy to Fly.io
7m 49s
20
Create a GitHub Action Configuration to Automatic Deploy an Astro Blog
9m 27s
21
Implement Drizzle ORM for Development and Deploy to a Fly.io Volume
15m 31s
22
Create Astro API Endpoints to Get and Update Database Records using Drizzle ORM
11m 56s
23
Implement Dynamic OG Image Generation with Astro API Routes and Satori
19m 27s

Intro: Build a Full Stack Blog with Astro

Astro

Share this video with your friends

From laying down the foundation to adding advanced features, this course walks you through creating your own personal blog website with Astro. Explore backend integration, optimization techniques, and deployment strategies.

In this course, you'll create dynamic OG images, RSS, sitemap, and database all while shipping minimal JavaScript for a blazing-fast user experience.

Intro: Build a Full Stack Blog with Astro

Share this video with your friends

Course

Build a Full Stack Blog with Astro