Visit the Site - https://coffeespace-blog.vercel.app

The Project

This site was modified from a Traversy Media project using Next JS. Styling was done using Tailwind CSS, and the blog entries are simple Markdown files. The site is hosted on Vercel since it is a Next JS project. Overall this is a relatively simple project and one I just wanted to make to serve as a sister site to my main site (this one) since I love coffee and often just want to share some random thoughts or experiences.

The Design

Given it was originally an instructional project there wasn't a huge amount that went into the design process. I altered the original colors to better suit a coffee-themed blog and added an extra page to add some additional information.

The Process

Like with the design, there wasn't much in terms of the process of development.

The Stack

Because I continue to enjoy creating projects with Next JS, I continued to use it for this project. This is the first time I've created a blog with Markup. I also haven't used Tailwind CSS that much, but it was a pretty easy and comfortable experience. Sometimes remembering/finding all of the class names is a bit annoying and then tweaking them, but if you get used to the classes then it can be a lot faster and easier then writing everything manually. As mentioned above, this site is also hosted on Vercel since it is a Next JS project.

Reflections

At present I don't have any future plans to drastically change this site as it's just a for fun side project. If I manage to keep writing posts, I may eventually opt to hook it up to a headless CMS in order to better manage the images and posts, but that's a bit off in the future. The only reason I'm considering going from Markup to headless CMS is images. While it isn't that hard to put images in Markup, managing the files (once you get quite a few) and applying styles is a little annoying. I also want to add one more page that shows the different coffees that I've drank for each year, so I'm considering ways that are good for hosting and displaying many images.