Project Structure


Next.js was chosen as a framework for this project because of its built-in support for static site generation and incremental static page regeneration patterns.

Tailwind CSS

Tailwind CSS was chosen for this project for its utility first approach to CSS. This approach makes CSS styling easier to manage and often faster to develop. Additionally, good documentation exists on how to use Tailwind CSS with Next.js. A good place to start when using Tailwind CSS with Next.js for the first time is to check out the example below.


To put it simply, Notion is amazing. When you pair Notion's organizational features with its wonderfully built rich text editor the possibilities of what can be done with Notion are limitless. Now that Notion's API is in public beta testing, the potential to use Notion as a content management system exists. Additionally, when you add Next.js to the mix as this website does, the two become an excellent way to build and manage content for a personal website.


This project is deployed with Vercel. The reason for this is mainly because of its generous free tier. But in general, Vercel has built an excellent platform for hosting any Next.js project. Of course, that might have something to do with the fact that Next.js’s original author, Guillermo Rauch, is the company’s CEO.


GitHub - theogainey/ My portfolio website. Built using Next.js, Tailwind CSS, and Notion API