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

Solution
GitHub Logo

Enterprise Agentic Engineering with Harper

Enterprise Agentic Development with Harper enables coding agents to build and deploy production-ready applications without backend wiring. A unified runtime combines database, cache, APIs, messaging, and global deployment into one seamless, enterprise-proven platform.
Solution
Enterprise Agentic Development with Harper enables coding agents to build and deploy production-ready applications without backend wiring. A unified runtime combines database, cache, APIs, messaging, and global deployment into one seamless, enterprise-proven platform.
Person with short dark hair and moustache, wearing a colorful plaid shirt, smiling outdoors in a forested mountain landscape.
Aleks Haugom
Senior Manager of GTM & Marketing
Solution

Enterprise Agentic Engineering with Harper

Enterprise Agentic Development with Harper enables coding agents to build and deploy production-ready applications without backend wiring. A unified runtime combines database, cache, APIs, messaging, and global deployment into one seamless, enterprise-proven platform.
Aleks Haugom
Feb 2026
Solution

Enterprise Agentic Engineering with Harper

Enterprise Agentic Development with Harper enables coding agents to build and deploy production-ready applications without backend wiring. A unified runtime combines database, cache, APIs, messaging, and global deployment into one seamless, enterprise-proven platform.
Aleks Haugom
Solution

Enterprise Agentic Engineering with Harper

Enterprise Agentic Development with Harper enables coding agents to build and deploy production-ready applications without backend wiring. A unified runtime combines database, cache, APIs, messaging, and global deployment into one seamless, enterprise-proven platform.
Aleks Haugom
Tutorial
GitHub Logo

In 3 Days I Built an AI Ops Assistant That Replaced $2,400/month in SaaS

Learn how to build a lightweight AI ops assistant in just three days that consolidates tools, automates incident workflows, and delivers real-time answers in Slack, all while cutting thousands in monthly SaaS costs. This practical breakdown covers the stack, architecture, and cost savings behind a smarter approach to AI-driven automation and SaaS cost optimization.
Tutorial
Learn how to build a lightweight AI ops assistant in just three days that consolidates tools, automates incident workflows, and delivers real-time answers in Slack, all while cutting thousands in monthly SaaS costs. This practical breakdown covers the stack, architecture, and cost savings behind a smarter approach to AI-driven automation and SaaS cost optimization.
Professional headshot of smiling man with short gray hair and beard, wearing light button-down shirt against blue backdrop.
Stephen Goldberg
CEO & Co-Founder
Tutorial

In 3 Days I Built an AI Ops Assistant That Replaced $2,400/month in SaaS

Learn how to build a lightweight AI ops assistant in just three days that consolidates tools, automates incident workflows, and delivers real-time answers in Slack, all while cutting thousands in monthly SaaS costs. This practical breakdown covers the stack, architecture, and cost savings behind a smarter approach to AI-driven automation and SaaS cost optimization.
Stephen Goldberg
Feb 2026
Tutorial

In 3 Days I Built an AI Ops Assistant That Replaced $2,400/month in SaaS

Learn how to build a lightweight AI ops assistant in just three days that consolidates tools, automates incident workflows, and delivers real-time answers in Slack, all while cutting thousands in monthly SaaS costs. This practical breakdown covers the stack, architecture, and cost savings behind a smarter approach to AI-driven automation and SaaS cost optimization.
Stephen Goldberg
Tutorial

In 3 Days I Built an AI Ops Assistant That Replaced $2,400/month in SaaS

Learn how to build a lightweight AI ops assistant in just three days that consolidates tools, automates incident workflows, and delivers real-time answers in Slack, all while cutting thousands in monthly SaaS costs. This practical breakdown covers the stack, architecture, and cost savings behind a smarter approach to AI-driven automation and SaaS cost optimization.
Stephen Goldberg
Tutorial
GitHub Logo

How Claude Deploys My Apps to Harper Fabric

Learn how to use Claude Code to build and deploy apps to Harper Fabric using simple chat commands. This guide covers AI-assisted development, one-command deploys, live production updates, and how to streamline cloud infrastructure with an agentic coding workflow.
A.I.
Tutorial
Learn how to use Claude Code to build and deploy apps to Harper Fabric using simple chat commands. This guide covers AI-assisted development, one-command deploys, live production updates, and how to streamline cloud infrastructure with an agentic coding workflow.
Professional headshot of smiling man with short gray hair and beard, wearing light button-down shirt against blue backdrop.
Stephen Goldberg
CEO & Co-Founder
Tutorial

How Claude Deploys My Apps to Harper Fabric

Learn how to use Claude Code to build and deploy apps to Harper Fabric using simple chat commands. This guide covers AI-assisted development, one-command deploys, live production updates, and how to streamline cloud infrastructure with an agentic coding workflow.
Stephen Goldberg
Feb 2026
Tutorial

How Claude Deploys My Apps to Harper Fabric

Learn how to use Claude Code to build and deploy apps to Harper Fabric using simple chat commands. This guide covers AI-assisted development, one-command deploys, live production updates, and how to streamline cloud infrastructure with an agentic coding workflow.
Stephen Goldberg
Tutorial

How Claude Deploys My Apps to Harper Fabric

Learn how to use Claude Code to build and deploy apps to Harper Fabric using simple chat commands. This guide covers AI-assisted development, one-command deploys, live production updates, and how to streamline cloud infrastructure with an agentic coding workflow.
Stephen Goldberg