https://github.com/eugenia1984/astro

My first practise with Astro
https://github.com/eugenia1984/astro

astro javascript strapi

Last synced: about 2 months ago
JSON representation

My first practise with Astro

• Host: GitHub
• URL: https://github.com/eugenia1984/astro
• Owner: eugenia1984
• Created: 2023-11-17T13:51:23.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-20T17:44:44.000Z (about 1 year ago)
• Last Synced: 2023-11-21T16:57:13.561Z (about 1 year ago)
• Topics: astro, javascript, strapi
• Language: Astro
• Homepage:
• Size: 338 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Astro and its ecosystem

This repo contains all of the code used in the "Understanding Astro and its ecosystem" section of my Astro course on Udemy.

You will find 2 practices:

1. 01-first-simple-page: a landing page with links to new pages, using Astro, REact and markUp language.

2. 02-astro-blog-project

3. 3. strapi-blog

---

## Technologies 🛠️

- Astro

-  React and React-DOM

-  JavaScript

-  HTML5

-  CSS3

-  Node.js

- Strapi

- graphql, GET: `http://localhost:1337/graphql` to practice in the Graphql playground.

Yo get the data:

```graphql

query {

  post {

    data {

      attributes {

        title

        slug

        body

        image {

          attributes {

            formats

          }

        }

      }

    }

  }

}

```

- VSC extensions: Astro, MDX

- Chrome extension: JSON Viewer

---

## Read

[Notion link](https://www.notion.so/Book-Getting-started-with-Astro-a0d0e141793241819352b3b59d790de0)

## Commands:

- To create a proyect 

```BASH

npm create astro@latest

```

- To run de project (once you are inside the root folder of the proyect)

```BASH

npm run dev

```

- To add React, or what ever you will need:

```BASH

npm astro add react

```

---

##  Notes

I appreciate your interest in this Project ⌨️ with ❤️ by [María Eugenia Costa](https://github.com/eugenia1984) 😊 and follow me at [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)

---