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 Moonflower’s SecretThis is the description
In a hidden garden, a moonflower bloomed only at night. Its petals whispered forgotten dreams to the stars. One day, a curious child listened. The moonflowerThese are tags
HTML
CSS
JavaScript
This is the published date
Without format: 2021-11-17
The main image
Main content
🌙🌸 In a hidden garden, a moonflower bloomed only at night. Its petals whispered forgotten dreams to the stars. One day, a curious child listened. The moonflower revealed a path to a magical realm. And so, under moonlight, they danced with fireflies and befriended owls. The secret? Love blooms brightest when shared with the night.