Build a Full Stack Blog with Astro by Lazar Nikolov
- Create an Astro Project and Set up the Dev Environment
- Style Astro Pages with Many Different Options
- Create Static Pages in Astro Using File Based Routing
- Create and Apply a Layout to Astro Pages
- Create an Astro Component for Links
- Render Images to Pages with Astros Static Serving and Static Assets
- Create Astro Content Collections with Zod for a Typesafe Blog
- Render an Astro Blog Post Page with getStaticPaths
- Implement Pagination in a Dynamic Astro Index Page with getStaticPaths and paginate
- Implement SEO in an Astro Website with astro-seo
- Generate a Sitemap in Astro with the sitemap Integration
- Generate an RSS Feed for an Astro Blog with @astrojs/rss
- Deploy a Static Astro Site on Vercel
- Add Interactive React Components to a Static Astro Page with Astro Islands
- Refactor a React Astro Island to Vanilla JS to Ship Less JavaScript
- Create a fly.io Account and Prepare a Project for Deployment
- Dockerize a Server-side Rendered (SSR) Astro Blog and Deploy to Fly.io
- Create a GitHub Action Configuration to Automatic Deploy an Astro Blog
- Implement Drizzle ORM for Development and Deploy to a Fly.io Volume
- Create Astro API Endpoints to Get and Update Database Records using Drizzle ORM
- Implement Dynamic OG Image Generation with Astro API Routes and Satori
- Intro: Build a Full Stack Blog with Astro
- Milestone Recap: Build a Full Stack Blog with Astro