From f32aa30f2f0722fb659a22ddc57cdf3bd79a4ab5 Mon Sep 17 00:00:00 2001 From: Yuval Adam <_@yuv.al> Date: Fri, 23 May 2025 15:07:50 +0200 Subject: Add blog pages, content and standardlayout --- src/content/blog/getting-started-with-astro.md | 48 ++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 src/content/blog/getting-started-with-astro.md (limited to 'src/content/blog/getting-started-with-astro.md') 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!"; +--- + +
+

{greeting}

+

This is my first Astro site.

+
+``` + +## 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! -- cgit v1.3.1