← Home

beginner

6 articles in this category.

guides

Images in Astro: How to Add, Optimize and Manage Local Images

How Astro handles images differently from WordPress — the Image component, heroImage in frontmatter, Markdown syntax vs MDX component, and a practical workflow for managing image files.

Read →
guides

My First Two Days Learning Astro as a WordPress Developer

An honest two-day Astro learning diary from a WordPress developer, covering local development, VS Code, pages, layouts, and the real beginner mistakes that made the workflow finally click.

Read →
guides

Astro Pages, Layouts and Components: The First Three Concepts to Learn

How Astro's file-based routing, shared layouts, and reusable components work, explained for WordPress developers who think in themes, templates and shortcodes.

Read →
guides

Styling in Astro: Start with Plain CSS Before Reaching for Tailwind

How CSS works in Astro, including scoped styles, global CSS, CSS variables, and why a clean layout doesn't need a framework. With the actual CSS used to build this demo site.

Read →
guides

How to Set Up Your First Astro Project: A Step-by-Step Beginner Guide

Step-by-step Astro setup guide for beginners and WordPress developers, covering Node.js, Git, VS Code, localhost, GitHub, and common first-project mistakes.

Read →
guides

What is Astro? A WordPress Developer's Honest Take

Astro explained by someone who spent 10+ years building WordPress sites. What Astro is, what it is not, when it beats WordPress, and when WordPress is still the better choice.

Read →