0 views
Read
#0
Learning Astro - Pre-Requisites Skill & Setup Environment
Before touching Astro, you need to master HTML, CSS, and modern JavaScript, understand the concepts of components and static site generation, and feel comfortable with a package manager and the command line. In this episode you also set up Node.js, an editor, and verify your first installation.
August 10, 2026
00
Read
#1
Learning Astro - History, Background & Why Astro
This episode traces Astro's history since its birth as a framework for content-focused sites, its evolution from early versions to the stable release, and the problems it solves: bloated JavaScript bundles, content-first architecture, and partial hydration.
August 10, 2026
00
Read
#2
Learning Astro - Core Concepts & Main Architecture
This episode dissects how Astro works behind the scenes: the compiler and the Vite-based build pipeline, the static versus server rendering model, island architecture for partial hydration, and the roles of src/pages, src/components, public, and content collections.
August 10, 2026
00
Read
#3
Learning Astro - Starting an Astro Project
This episode walks you through creating your first Astro project with npm create astro@latest, understanding the project structure and key files such as astro.config.mjs and tsconfig.json, running the dev server, and setting up TypeScript, ESLint, and formatting.
August 10, 2026
00
Read
#4
Learning Astro - Pages, Layouts & Components
This episode builds the Astro UI foundation: creating pages in src/pages, reusable layouts with slots in src/layouts, Astro components with props and frontmatter, the difference between framework components, and styling with global CSS, scoped styles, and Tailwind.
August 10, 2026
00
Read
#5
Learning Astro - Content & Markdown
This episode covers content management in Astro: writing with Markdown and MDX, content collections with validated schemas, frontmatter and metadata, and how to render dynamic content on static pages.
August 10, 2026
00
Read
#6
Learning Astro - Data Fetching & Server-side Rendering
This episode covers data fetching in Astro: fetching at build time in frontmatter, integrating external APIs and the content layer, server-side rendering with an SSR adapter, and progressive and partial hydration for dynamic pages.
August 10, 2026
00
Read
#7
Learning Astro - Interactivity & Hydration
This episode covers interactivity in Astro: partial hydration with the client:load, client:idle, and client:visible directives, using React, Vue, Svelte, or Solid components as islands, and strategies for keeping the JavaScript bundle light.
August 10, 2026
00
Read
#8
Learning Astro - Configuration & Environment
This episode covers Astro configuration: the contents and options of astro.config.mjs, environment variables with import.meta.env, plugin and adapter integration, and build optimization and output path settings.
August 10, 2026
00
Read
#9
Learning Astro - Images & Asset Optimization
This episode covers image optimization in Astro: the Image and Picture components from astro:assets for responsive images, managing assets and static files in public and src/assets, lazy loading media, and cache control and CDN integration.
August 10, 2026
00