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
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