0% completed

All LessonsFree Lessons (4)

Introduction

Before We Begin An Overview of What We’ll Build Single-Page Application (SPA) vs. Multipage Application (MPA)Why Astro?Measuring Core Web Vitals Astro Islands

Getting Started with Astro

Astro Syntax vs. JSX Astro Projects Structure: Folders Configuration Files and Environment Variables Using Astro with Your Favourite Framework Quiz: Getting Started with Astro

Setting Up the Home Page

Creating Pages with Astro’s File-Based Routing How to Use Static Assets in Astro Working with Layouts Creating an SEO Component Improving SEO with Schema Markup CSS and Styles in Astro Building Reusable Astro Components Interactivity and Event Handling Using Markdown for Storing Data Higher-Order Components Implementing Pagination Quiz: Setting Up the Home Page

Setting Up Individual Posts

Introduction to Dynamic Routing Dynamic Routing and Custom Content Rendering Custom 404 Pages Rendering Strategies in Astro: SSR and SSG Building API Endpoints in Astro Improving SEO with the Recommendations Component Quiz: Setting Up Individual Posts

Setting Up the Contact Page

Experience, Expertise, Authoritativeness, and Trustworthiness (EEAT)Building the Contact Page Adding the Author Component Adding the Contact Form Quiz: Setting Up the Contact Page

Building Astro

Exploring the Build Process and Customization

Advanced SEO Strategies for Astro Projects

Adding RSS Feed

Improving Builds with Postbuild Scripts

Progressive Web Apps (PWAs) in Astro

Quiz: Building Astro

Course Assessment

Mastering Astro Framework

Conclusion

Astro Best Practices Congratulations!

Appendix

Helpful Resources

Building Static Pages with Astro for Perfect Core Web Vitals/

...

/

Quiz: Building Astro

Quiz: Building Astro

Test your knowledge of how Astro’s build process works.

We'll cover the following...

Technical Quiz

1.

Which configuration property can be used to change the build directory?

A.

build

B.

outDir

C.

dist

1 / 5

...