Rewriting My Personal Website in Next JS and Typescript

Aayush Bhattarai — Fri, 07 Jan 2022 20:25:55 +0000

Previously, I made my basic personal website on pure HTML, CSS, and javascript. The website was very basic and don't have much of the section that does not describe the visitors about myself. Now, I am going to re-write the whole website in NextJS and Typescript.

A Couple of months back, I get started learning Typescript. The Type System of Typescript fascinates a lot about it. I continue exploring Typescript Ecosystem. I used to write Cloud Function using Typescript. The main advantage that we notice is that we were able to complete work at a rapid state with less bug-free experience.

Similarly, I was working with React and Firebase Stack on my Previous work. I heard a lot about Next JS and decided to give it a try. It has been a few months since I started using Next JS and Found less Boilerplate code on Navigation and SSR. I am still working on Next JS.

I have started working on my Portfolio and here is the list of items that I am planning to add to the new Version of My Portfolio.

Home Section (Briefly explaining about myself and tech stack I am Familiar with)
About Section (Image of me including a detailed explanation about myself)
Skills Section (Images containing Tech Images)
Projects Section (A grid viewer that contains a detail explanation of Project with Tech Stack)
Timeline Section (This Section contains a timeline about how I get started and where I am up to now)
Blog Section (A Paginated 4 Blogs that contains images, descriptions, and tags)
Contact Section (Contact section should have at least an email and message field for contacting me about their projects or anything. This is connected with my custom express API backend.)

I am Planning to use Next JS as React Framework and Typescript as Programming Language. For Basic Design Stuff, I am plan to get inscription from uplabs and dribbble. For Front-end design, I will be using Tailwind CSS or Chakra UI.

For Blog, I will write a custom express API with MongoDB as a Database or I can also fetch all my blogs from Dev so that I do not need to manage backend and database.

This is my plan to rewrite my Portfolio Website. If you have any suggestions regarding building my Portfolio then you can suggest them in comment section.

Thanks For Reading.

DEV Community: Aayush Bhattarai

Rewriting My Personal Website in Next JS and Typescript