<p>Last month, I followed a weekly hackathon to try <a target="_blank" href="https://astro.build/">Astro</a>, a recent frontend framework that generates lightweight content using components created from Angular, React, Svelte, or Vuejs and markdown.</p>
<h2 id="heading-i-built">I built</h2>
<p>I built a NASA Carousel</p>
<h2 id="heading-using">Using</h2>
<ul>
<li>Astro</li>
<li>Svelte</li>
<li>NASA API</li>
</ul>
<h2 id="heading-i-learned">I learned</h2>
<ul>
<li>What is Astro</li>
<li>How to install it</li>
<li>How to make a reactive component working</li>
<li>Use "client:load" keyword</li>
<li>How to add Svelte</li>
<li>Create a Svelte SPA</li>
<li>Use a Svelte component</li>
<li>Create and use a personal API key with environment variable</li>
</ul>


Last month, I followed a weekly hackathon to try [Astro](https://astro.build/), a recent frontend framework that generates lightweight content using components created from Angular, React, Svelte, or Vuejs and markdown.

## I built
I built a NASA Carousel

## Using 
* Astro
* Svelte
* NASA API

## I learned

* What is Astro
* How to install it
* How to make a reactive component working
* Use "client:load" keyword
* How to add Svelte
* Create a Svelte SPA
* Use a Svelte component
* Create and use a personal API key with environment variable

🐱‍👤 Meet my latest project, I built my first app using Astro

🐱‍👤 Meet my latest project, I built my first app using Astro

Table of contents

I built

Using

I learned