Series
I looked back at some of my articles and realized I hadn't done much of these complete start-to-finish series. So in the upcoming series, I will teach you how to create a Next.js portfolio from nothing to hosting it online! Are you looking to start b...
In the last part we had an overall look at what we would build, and I even gave you some homework to find an excellent design and analyze it into building blocks. This article will look at setting up the project and installing all the dependencies we...
Now that we have our basic application set up, we can dive into the more detailed work. In part 1 I asked you to think about the global structure you are seeing, and in the template I picked, we got to know there were three designed pages. The commo...
Now that we have our basic layout let's spend this article on styling the header and footer to resemble the design. As a reminder, the design I picked looks like this. You can see the circled header and footer. Styling the header Let's start with th...
We're already on part 5 of this Next.js portfolio series, and we'll be styling the homepage elements for this one. We styled the header and footer in the previous article, so it's time to take it to the next level. Analysing the design And yet again,...
Now that we have the intro header styled let's look at the rest of the homepage. There are two sections left here: the recent posts and the featured work section. There are some things to note here: The section header is a recurring element The rece...
