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 e…


This content originally appeared on DEV Community and was authored by Leonardo Montini

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

Blog Home

Hello! This is the source code of my homepage, built with Astro!

You can find the deployed version at https://leonardomontini.dev/.




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 ;)


This content originally appeared on DEV Community and was authored by Leonardo Montini


Print Share Comment Cite Upload Translate Updates
APA

Leonardo Montini | Sciencx (2023-06-05T10:35:08+00:00) Astro Coding Session: “Series” feature on my blog. Retrieved from https://www.scien.cx/2023/06/05/astro-coding-session-series-feature-on-my-blog/

MLA
" » Astro Coding Session: “Series” feature on my blog." Leonardo Montini | Sciencx - Monday June 5, 2023, https://www.scien.cx/2023/06/05/astro-coding-session-series-feature-on-my-blog/
HARVARD
Leonardo Montini | Sciencx Monday June 5, 2023 » Astro Coding Session: “Series” feature on my blog., viewed ,<https://www.scien.cx/2023/06/05/astro-coding-session-series-feature-on-my-blog/>
VANCOUVER
Leonardo Montini | Sciencx - » Astro Coding Session: “Series” feature on my blog. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/06/05/astro-coding-session-series-feature-on-my-blog/
CHICAGO
" » Astro Coding Session: “Series” feature on my blog." Leonardo Montini | Sciencx - Accessed . https://www.scien.cx/2023/06/05/astro-coding-session-series-feature-on-my-blog/
IEEE
" » Astro Coding Session: “Series” feature on my blog." Leonardo Montini | Sciencx [Online]. Available: https://www.scien.cx/2023/06/05/astro-coding-session-series-feature-on-my-blog/. [Accessed: ]
rf:citation
» Astro Coding Session: “Series” feature on my blog | Leonardo Montini | Sciencx | https://www.scien.cx/2023/06/05/astro-coding-session-series-feature-on-my-blog/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.