Click Below to Get the Code

Browse, clone, and build from real-world templates powered by Harper.
Tutorial
GitHub Logo

PART 1 | Live Coding an Astro Extension on Harper

Learn how to build an Astro extension to host and run Astro apps on Harper. This step-by-step guide covers server-side rendering (SSR), static file handling, and Harper's extensible component system. Watch now to enhance your Astro deployments!
Tutorial

PART 1 | Live Coding an Astro Extension on Harper

By
Ethan Arrowood
March 10, 2025
By
Ethan Arrowood
March 10, 2025
March 10, 2025
Learn how to build an Astro extension to host and run Astro apps on Harper. This step-by-step guide covers server-side rendering (SSR), static file handling, and Harper's extensible component system. Watch now to enhance your Astro deployments!
Ethan Arrowood
Senior Software Engineer

Go to Astro Extension in GitHub

In this video, Harper developer Ethan Arrowood walks through the process of building an Astro extension for Harper, allowing teams to seamlessly host and run Astro applications within Harper. Using the Next.js Harper extension as a reference, Ethan demonstrates how to leverage Astro’s Node integration to support server-side rendering (SSR), while also handling static file serving.

This video demystifies the process of building Harper components, showcasing how extensions enhance Harper's extensibility by enabling custom features that integrate seamlessly with Harper. Whether you’re looking to optimize Astro deployments or gain deeper insights into Harper’s extensible architecture, this walkthrough provides hands-on guidance with real-world applications. Watch now to explore the power of building extensions in Harper and how it can streamline your web development.

Go to Astro Extension in GitHub

In this video, Harper developer Ethan Arrowood walks through the process of building an Astro extension for Harper, allowing teams to seamlessly host and run Astro applications within Harper. Using the Next.js Harper extension as a reference, Ethan demonstrates how to leverage Astro’s Node integration to support server-side rendering (SSR), while also handling static file serving.

This video demystifies the process of building Harper components, showcasing how extensions enhance Harper's extensibility by enabling custom features that integrate seamlessly with Harper. Whether you’re looking to optimize Astro deployments or gain deeper insights into Harper’s extensible architecture, this walkthrough provides hands-on guidance with real-world applications. Watch now to explore the power of building extensions in Harper and how it can streamline your web development.

Learn how to build an Astro extension to host and run Astro apps on Harper. This step-by-step guide covers server-side rendering (SSR), static file handling, and Harper's extensible component system. Watch now to enhance your Astro deployments!

Download

White arrow pointing right
Learn how to build an Astro extension to host and run Astro apps on Harper. This step-by-step guide covers server-side rendering (SSR), static file handling, and Harper's extensible component system. Watch now to enhance your Astro deployments!

Download

White arrow pointing right
Learn how to build an Astro extension to host and run Astro apps on Harper. This step-by-step guide covers server-side rendering (SSR), static file handling, and Harper's extensible component system. Watch now to enhance your Astro deployments!

Download

White arrow pointing right

Explore Recent Resources

Blog
GitHub Logo

Answer Engine Optimization: How to Get Cited by AI Answers

Answer Engine Optimization (AEO) is the next evolution of SEO. Learn how to prepare your content for Google’s AI Overviews, Perplexity, and other answer engines. From structuring pages to governing bots, discover how to stay visible, earn citations, and capture future traffic streams.
Search Optimization
Blog
Answer Engine Optimization (AEO) is the next evolution of SEO. Learn how to prepare your content for Google’s AI Overviews, Perplexity, and other answer engines. From structuring pages to governing bots, discover how to stay visible, earn citations, and capture future traffic streams.
Colorful geometric illustration of a dog's head in shades of purple, pink and teal.
Martin Spiek
SEO Subject Matter Expert
Blog

Answer Engine Optimization: How to Get Cited by AI Answers

Answer Engine Optimization (AEO) is the next evolution of SEO. Learn how to prepare your content for Google’s AI Overviews, Perplexity, and other answer engines. From structuring pages to governing bots, discover how to stay visible, earn citations, and capture future traffic streams.
Martin Spiek
Sep 2025
Blog

Answer Engine Optimization: How to Get Cited by AI Answers

Answer Engine Optimization (AEO) is the next evolution of SEO. Learn how to prepare your content for Google’s AI Overviews, Perplexity, and other answer engines. From structuring pages to governing bots, discover how to stay visible, earn citations, and capture future traffic streams.
Martin Spiek
Blog

Answer Engine Optimization: How to Get Cited by AI Answers

Answer Engine Optimization (AEO) is the next evolution of SEO. Learn how to prepare your content for Google’s AI Overviews, Perplexity, and other answer engines. From structuring pages to governing bots, discover how to stay visible, earn citations, and capture future traffic streams.
Martin Spiek
Case Study
GitHub Logo

The Impact of Early Hints - Auto Parts

A leading U.S. auto parts retailer used Harper’s Early Hints technology to overcome Core Web Vitals failures, achieving faster load speeds, dramatically improved indexation, and an estimated $8.6M annual revenue uplift. With minimal code changes, the proof-of-concept validated that even small performance gains can unlock significant growth opportunities for large-scale e-commerce businesses.
Early Hints
Case Study
A leading U.S. auto parts retailer used Harper’s Early Hints technology to overcome Core Web Vitals failures, achieving faster load speeds, dramatically improved indexation, and an estimated $8.6M annual revenue uplift. With minimal code changes, the proof-of-concept validated that even small performance gains can unlock significant growth opportunities for large-scale e-commerce businesses.
Colorful geometric illustration of a dog's head resembling folded paper art in shades of teal and pink.
Harper
Case Study

The Impact of Early Hints - Auto Parts

A leading U.S. auto parts retailer used Harper’s Early Hints technology to overcome Core Web Vitals failures, achieving faster load speeds, dramatically improved indexation, and an estimated $8.6M annual revenue uplift. With minimal code changes, the proof-of-concept validated that even small performance gains can unlock significant growth opportunities for large-scale e-commerce businesses.
Harper
Sep 2025
Case Study

The Impact of Early Hints - Auto Parts

A leading U.S. auto parts retailer used Harper’s Early Hints technology to overcome Core Web Vitals failures, achieving faster load speeds, dramatically improved indexation, and an estimated $8.6M annual revenue uplift. With minimal code changes, the proof-of-concept validated that even small performance gains can unlock significant growth opportunities for large-scale e-commerce businesses.
Harper
Case Study

The Impact of Early Hints - Auto Parts

A leading U.S. auto parts retailer used Harper’s Early Hints technology to overcome Core Web Vitals failures, achieving faster load speeds, dramatically improved indexation, and an estimated $8.6M annual revenue uplift. With minimal code changes, the proof-of-concept validated that even small performance gains can unlock significant growth opportunities for large-scale e-commerce businesses.
Harper