Disclaimer
Only some functionality has been configured for this page!
Think of implementing Next/Previous (Pagination for index and article page).
This is the final chapter and you have now learned how to setup a project from scratch
- Set up the Astro framework.
- Install dependencies with NPM.
- Navigate VS Code and Git.
- Create a simple HyGraph project.
- Refactor code effectively.
- Design your Astro blog/portfolio layout.
- Import components seamlessly.
- Fetch data from the HyGraph API.
- Basic understanding on how to use Tailwind CSS.
If you’ve been following the project, you should now feel at ease using the Astro framework, considering the topics we’ve covered.
However, there’s still plenty more to explore. This project has intentionally been kept straightforward, so if you’re interested in diving deeper, I encourage you to visit the following link: https://astro.build
still much to do, but I will leave it up to you
play with colours, choose the colours that reflects you!
change fonts, layouts and components
explore funtionalities
Fetching the data
This is the title
The Starfruit QuestThis is the description
Princess Lila sought the rarest fruit—the starfruit. Legends said it granted wishes. She sailed across cosmic seas, guided by constellations. At last, she foundThese are tags
HTML
CSS
This is the published date
Without format: 2021-11-23
The main image
Main content
⭐🍎 Princess Lila sought the rarest fruit—the starfruit. Legends said it granted wishes. She sailed across cosmic seas, guided by constellations. At last, she found the tree. But instead of plucking a fruit, she whispered her wish: “May every star in the sky find a friend.” And so, starfruits rained down, lighting up lonely nights.