1 files changed, 48 insertions, 0 deletions
diff --git a/src/content/blog/getting-started-with-astro.md b/src/content/blog/getting-started-with-astro.md
new file mode 100644
index 0000000..dadcdcd
--- /dev/null
+++ b/src/content/blog/getting-started-with-astro.md
@@ -0,0 +1,48 @@
+---
+title: "Getting Started with Astro"
+description: "Learn how to build fast websites with Astro's innovative multi-page approach."
+pubDate: 2025-05-20
+image: "https://images.unsplash.com/photo-1614728263952-84ea256f9679?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80"
+author: "Astro Developer"
+tags: ["astro", "web development", "javascript"]
+---
+
+# Getting Started with Astro
+
+Astro is a modern web framework that allows you to build faster websites with less client-side JavaScript. It's perfect for content-focused websites like blogs, marketing sites, and portfolios.
+
+## Why Astro?
+
+Astro offers several advantages over traditional frameworks:
+
+- **Performance First**: Astro websites are designed to be lightning-fast by default.
+- **Content-Focused**: Built with content-heavy websites in mind.
+- **Server-First**: Generates HTML on the server, not in the browser.
+- **Easy to Use**: Familiar syntax that combines the best parts of HTML, JSX, and markdown.
+- **Fully Featured**: Includes everything you need for production.
+
+## Basic Example
+
+Here's a simple Astro component:
+
+```astro
+---
+// Your component script goes here
+const greeting = "Hello, Astro!";
+---
+
+<div>
+  <h1>{greeting}</h1>
+  <p>This is my first Astro site.</p>
+</div>
+```
+
+## Next Steps
+
+Ready to dive deeper? Here are some resources to help you on your Astro journey:
+
+1. [Astro Documentation](https://docs.astro.build)
+2. [Astro Discord Community](https://astro.build/chat)
+3. [Astro GitHub Repository](https://github.com/withastro/astro)
+
+Happy coding with Astro!