The Exciting Journey Of Creating My First Portfolio📂🎉

The Exciting Journey Of Creating My First Portfolio📂🎉

In here, we will learn the exciting journay of creating my first portfilio. I've been working on a personal portfolio.

For the last few months, I've been working on a personal portfolio. I've always believed that a separate portfolio is important for any dev since it connects you to future opportunities and it helps you to grow your network.

Today I deployed it on madza.dev. There's still some stuff to improve, like testing browser compatibility, tweaking some UX, etc, so it's still a WIP, for sure. But hey, everyone has to start somewhere, right?

I tried to document everything during the process and thought it would be useful to share the planning phases, technical execution, and the major takeaways from the project.

Planning

I've always liked to write, code, and do some music production in my spare time, so I wanted my portfolio to reflect all that. I came up with an idea to dedicate a separate space for each.

nextjs

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

NextJS Tutorial For Beginners - Introduction To NextJS | Pages, Routing, API...

Complete introduction to NextJS in React Tutorial! This is an introduction to NextJS where I go over the basics. I show you guys how to create a nextjs app by running the command npx create-next-app and go over the basic folder structure!

NextJS + Strapi Crash Course Part 2 : NextJS integration.

In this video we cover using NextJS + Rest API to get the content from strapi and display it to the user.

Authentication with Nextjs, Fauna, and Auth0 - Nextjs Crash Course Part 2

Want to learn how to easily add authentication to your Next.js applications? In this video, we will use the new Auth0 Nextjs library for adding authentication, protecting routes and pages, adding authorization, and more.

Testing getServerSideProps in NextJS

Testing NextJS applications with Testing Library and Jest. In our previous post, we discussed setting up Testing Library with a basic NextJS application. That’s all well and good, but we don’t use NextJS for basic applications. In fact, one of the main use cases of using NextJS is to create server-rendered applications.

Why Is Window Not Defined In NextJS?

How to solve the most common NextJS error. Today I would like to talk about the most common error that NextJS programmers come across: window is not defined. If you have worked with NextJS for a day, or for a year, chances are you have seen this error. It might seem silly, but I have seen experienced programmers confused by this error.