---
canonical: "https://www.jsolly.com/blog/how-to-debug-an-astro-app/"
title: "How to debug an Astro Application in vscode (Video)"
description: "A tutorial on debugging Astro applications, covering both client-side and server-side JavaScript. Learn how to add and hit breakpoints in VSCode!"
author: "John Solly"
published: "2024-03-08T19:56:25.339Z"
updated: "2026-09-07T14:25:05.527Z"
---

<a id="how-to-debug-an-astro-application-in-vscode-video"></a>

# How to debug an Astro Application in vscode (Video)

![Astro Logo](https://d1d7p8ufhgz4ld.cloudfront.net/media/post_metaimgs/astro-logo-dark.webp)

This video is a straightforward tutorial on debugging Astro applications, covering both client-side and server-side JavaScript. Learn how to add and hit breakpoints in VSCode, enabling you to troubleshoot and improve your Astro projects efficiently. Whether you're addressing issues in the browser or on the server, we've got you covered. Hit breakpoints in Astro like a pro!

<iframe src="https://www.youtube-nocookie.com/embed/FpAO1tGTPIo" style="position:absolute;width:100%;height:100%;top:0;left:0" allow="autoplay; encrypted-media" allowfullscreen="" title="Video: How to debug an Astro Application in vscode (Video)" loading="lazy"></iframe>

March 8, 2024 in [Web Dev](https://www.jsolly.com/blog/category/web-dev/)

Updated September 7, 2026