Project Setup & Folder Structure

Project Setup & Folder Structure

Lesson duration: 22 min

Course Content

6 modules · 36 lessons

Module 1

Getting Started with Astro

6 lessons

Why Astro? The Performance-First Philosophy 18 min Project Setup & Folder Structure 22 min Astro Components & Templates 28 min Layouts, Pages & Routing Pro 24 min Styling in Astro: Scoped CSS & Tailwind Pro 20 min Deploying Your First Astro Site Pro 15 min

Module 2

Islands Architecture & Interactivity

6 lessons

Understanding Partial Hydration Pro 26 min client:load, client:idle, client:visible Pro 30 min Using React Components in Astro Pro 28 min Using Vue & Svelte Components Pro 24 min Sharing State Between Islands Pro 22 min When NOT to Use Islands Pro 16 min

Module 3

Content Collections & Markdown

6 lessons

Defining Content Schemas with Zod Pro 24 min Querying & Filtering Collections Pro 28 min MDX: Markdown on Steroids Pro 22 min Building a Blog from Scratch Pro 40 min RSS Feeds & Sitemaps Pro 18 min Pagination & Tag Pages Pro 26 min

Module 4

Server-Side Rendering & APIs

6 lessons

SSR Mode vs Static Mode Pro 20 min API Routes & Endpoints Pro 28 min Authentication Patterns Pro 34 min Database Integration Pro 30 min Middleware & Request Handling Pro 22 min Hybrid Rendering Strategies Pro 26 min

Module 5

Performance & Optimization

6 lessons

Image Optimization with astro:assets Pro 24 min View Transitions API Pro 28 min Prefetching & Preloading Pro 18 min Bundle Analysis & Code Splitting Pro 22 min Core Web Vitals Deep Dive Pro 26 min Edge Functions & CDN Strategy Pro 20 min

Module 6

Real-World Project: Full-Stack App

6 lessons

Project Planning & Architecture Pro 20 min Building the Frontend Pro 45 min Adding Authentication & Database Pro 40 min Testing & Error Handling Pro 28 min CI/CD & Production Deploy Pro 24 min Monitoring & Iteration Pro 18 min