Forem

Cover image for Astro Coding Session: "Series" feature on my blog
Leonardo Montini for This is Learning

Posted on • Originally published at leonardomontini.dev

20 4 4 3 3

Astro Coding Session: "Series" feature on my blog

Hello! If you read my articles often here on devto you probably noticed that I also publish them on my website leonardomontini.dev.

It's a static Astro website hosted on Netlify. I'm using Typescript and the articles are stored in mdx files so I can easily add components inside them, for example the YouTube video player.

The repository is Open Source, you can have a look on GitHub

GitHub logo Balastrong / blog-astro

Source code of my homepage




If you're curious about how I code, I recorded a short coding session where I added an initial version of the Series feature we have here on devto. Basically I add a "series" field in the frontmatter of the mdx files and then I show in the article's page all the other articles of the same series.

Definitely not rocket science, but I think it can be interesting to see how other developers actually work and how they solve problems.

What you will see in this session is GitHub Copilot doing 60% of the work and myself struggling with tailwind classes.


Spoiler: This week's article is quite short and the video is a "simple" coding session, I hope you like it anyway! But the spoiler is... I'm also working on a much longer article about custom GitHub Actions which I'll try to release next week. The article is already 5x longer than usual, I hope it won't take ages to record the video session! Stay tuned ;)


Thanks for reading this article, I hope you found it interesting!

I recently launched my Discord server to talk about Open Source and Web Development, feel free to join: https://discord.gg/bqwyEa6We6

Do you like my content? You might consider subscribing to my YouTube channel! It means a lot to me ❤️
You can find it here:
YouTube

Feel free to follow me to get notified when new articles are out ;)

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (0)

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay