So I wanted to learn how to setup a blogging system using next.js and thought I could use Youthumb as testing place for this as the website has always lacked content for SEO and advertisers.
I decided to go with having the blog post in markdown files and then parsing them using gray-matter and markdown-it to get HTML files that I could display using next.js. The implementation is rather basic and it mostly just displays the content of the markdown file with some extra metadata stuff such as title and date the blog post was written. Using the metadata was also very easy so I also added a link to the newest blog post on the frontpage.
This works great for me since I am very familiar with writing markdown and don't have any troubles writing and committing it to git to publish it on the website blog.
After writing two testing articles I figured it would be nice to have a call to action or some way to navigate the reader to feature of the website at the end of the article. So I added a small arrow with a "Try it" caption and a inline form for finding the youtube thumbnail. I don't have any metrics yet to back up if this really is effective, but I like the look of it
You can preview the blogs here: https://youthumb.net/blog