ELGRATIO F C

Designing Blogpost-style Personal Wesbite

An Attempt to Learn Next JS

Thursday, January 15, 2026

Web Dev.

I started this Project to Introduce myself to Next JS, since I was already in the Polishing Stage for my other project : Sentence Repeater

I used Markdown to store the blog data and convert it to HTML using Grey-Matter and Remark

The reason for this is to improve efficiency when handling new Blogpost. I could easily write down a Markdown anywhere and anytime, and the site will handle all of the conversion.

I designed this project based on several references listed here

Conclusion

Here's what I gained and learned from this Project:

  • The fundamentals of Next JS and how to implement them
  • Parsing Markdown using Remark, Grey-Matter and Remark HTML Plugin
  • Solidify my knowledge with Tailwind CSS