{"id":101,"date":"2023-10-27T13:06:35","date_gmt":"2023-10-27T12:06:35","guid":{"rendered":"https:\/\/www.web31231374.lab1.almamater.si\/?p=101"},"modified":"2023-10-27T13:31:22","modified_gmt":"2023-10-27T12:31:22","slug":"astro","status":"publish","type":"post","link":"https:\/\/www.web31231374.lab1.almamater.si\/?p=101","title":{"rendered":"Astro"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-large-font-size\" id=\"brief-overview\">Brief Overview<\/h2>\n\n\n\n<p>Astro is an all-in-one web framework for building fast, content-focused websites.<\/p>\n\n\n\n<p>Astro was designed for building content-rich websites. This includes most marketing sites, publishing sites, documentation sites, blogs, portfolios, and some ecommerce sites.<\/p>\n\n\n\n<p>Astro leverages server-side rendering over client-side rendering as much as possible. This is the same approach that traditional server-side frameworks &#8212; PHP, WordPress, Laravel, Ruby on Rails, etc. &#8212; have been using for decades. But you don\u2019t need to learn a second server-side language to unlock it. With Astro, everything is still just HTML, CSS, and JavaScript (or TypeScript, if you prefer).<\/p>\n\n\n\n<p>Astro\u2019s goal is to be accessible to every web developer. Astro was designed to feel familiar and approachable regardless of skill level or past experience with web development.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\" id=\"installation\">Installation<\/h2>\n\n\n\n<p><code>create astro<\/code> is the fastest way to start a new Astro project from scratch. It will walk you through every step of setting up your new Astro project. It allows you to choose from a few different official starter templates or you can use any existing project on GitHub with the <code>--template<\/code> argument.<\/p>\n\n\n\n<p>Run the following command in your terminal to start our handy install wizard:<\/p>\n\n\n\n<p><code>npm create astro@latest<\/code><\/p>\n\n\n\n<p>You can run <code>create astro<\/code> anywhere on your machine, so there\u2019s no need to create a new empty directory for your project before you begin. If you don\u2019t have an empty directory yet for your new project, the wizard will help create one for you automatically.<\/p>\n\n\n\n<p>If all goes well, you should see a \u201cLiftoff confirmed. Explore your project!\u201d message followed by some recommended next steps. <code>cd<\/code> into your new project directory to begin using Astro.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\" id=\"key-features\">Key Features<\/h2>\n\n\n\n<ul>\n<li><strong>Component Islands:<\/strong> A new web architecture for building faster websites.<\/li>\n\n\n\n<li><strong>Server-first API design:<\/strong> Move expensive hydration off of your users\u2019 devices.<\/li>\n\n\n\n<li><strong>Zero JS, by default:<\/strong> No JavaScript runtime overhead to slow you down.<\/li>\n\n\n\n<li><strong>Edge-ready:<\/strong> Deploy anywhere, even a global edge runtime like Deno or Cloudflare.<\/li>\n\n\n\n<li><strong>Customizable:<\/strong> Tailwind, MDX, and 100+ other integrations to choose from.<\/li>\n\n\n\n<li><strong>UI-agnostic:<\/strong> Supports <a href=\"https:\/\/www.web31231374.lab1.almamater.si\/?p=86\" data-type=\"post\" data-id=\"86\">React<\/a>, Preact, Svelte, Vue, Solid, Lit and more.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>Astro, a versatile web framework, brings a refreshing approach to web development, emphasizing speed and content-centric design. It&#8217;s designed to excel in creating content-rich websites, making it an ideal choice for marketing sites, blogs, portfolios, documentation sites, and more.<\/p>\n\n\n\n<p>One of Astro&#8217;s standout features is its preference for server-side rendering over client-side rendering, akin to traditional server-side frameworks like PHP or Ruby on Rails. However, Astro keeps everything within the familiar realm of HTML, CSS, and JavaScript (or TypeScript), eliminating the need to learn a new server-side language.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the ever-evolving landscape of web development, Astro emerges as a groundbreaking framework that challenges the status quo. With a focus on speed, performance, and developer experience, Astro redefines how we build modern web applications.<\/p>\n","protected":false},"author":1,"featured_media":107,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":1,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=\/wp\/v2\/posts\/101"}],"collection":[{"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=101"}],"version-history":[{"count":4,"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=\/wp\/v2\/posts\/101\/revisions\/111"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=\/wp\/v2\/media\/107"}],"wp:attachment":[{"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.web31231374.lab1.almamater.si\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}