Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Migrating a Gatsby Site to Astro - Image Optimization

Learn With Jason via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to migrate a Gatsby website to Astro with a focus on optimizing image handling in this pair programming session. Join host Jason Lengstorf and web development expert Marcy Sutton as they work together to solve real-world migration challenges, exploring Marcy's personal website transition from Gatsby to Astro. Discover the specific image handling challenges that arise when moving between these frameworks and follow along as they debug image issues, dive deep into Astro configuration, and troubleshoot content structure problems. Explore modern Astro configuration techniques, compare custom loaders between Gatsby and Astro, and learn how to handle dynamic pages and content loading. Master essential migration skills including fixing image paths, managing content declaration and configuration, handling slugs and paths effectively, and implementing proper logging and debugging strategies. The session covers practical problem-solving approaches for common migration issues, providing hands-on experience with Astro's image optimization features and configuration options. Gain insights into the decision-making process behind framework migrations and learn debugging techniques that apply to various web development scenarios.

Syllabus

Introduction
Meet Marcy Sutton
Exploring Marcy's Website
Image Handling Challenges in Astro
Debugging Image Issues
Astro Configuration Deep Dive
Testing and Troubleshooting
Content Structure and Path Issues
Migrating to Modern Astro Config
Custom Loaders and Gatsby Comparison
Debugging Template Issues
Dynamic Pages and Content Loading
Fixing Image Paths
Content Declaration and Configuration
Slug and Path Handling
Logging and Debugging
Final Steps and Next Steps

Taught by

Learn With Jason

Reviews

Start your review of Migrating a Gatsby Site to Astro - Image Optimization

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.