I started this project to practice building beautiful websites. I also wanted to learn as part of the process, so decided to use Next.js for the first time. With rising popularity, Next.js is a framework for building server-rendered React applications, which means that the initial HTML for the page is generated on the server, rather than in the browser. This can improve the performance and SEO of the website.

I started with a tutorial by Takuya Matsuyama, whose eye for design is incredible. I highly recommend his content. The style of his videos is extremely challenging to follow, however, as there is no narrative provided; just a view of his screen as he works in Vim! As a result, I was forced to go away and research nearly every keystroke. While this process was extremely frustrating at times, ultimately it was immensely valuable as I came out of the end properly understanding the tools I was using, and confident in my ability to use the full tech stack involved in the project going forwards.

I spent a long time after experimenting to further understand the possibilities presented by these tools, and truly make the site my own. And I continue to update the site regularly with new content and functionality.

• WebsiteHomepage
• Source CodeGithub
• StackJavascript, React.js, Next.js, Chakra-UI, Framer-Motion, Emotion