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

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

Top comments (0)

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay