How I Built My Portfolio Website and Learned SEO Along the Way

Shubham singh — Wed, 10 Jun 2026 17:12:37 +0000

When I first decided to create my personal portfolio website, my main goal was simple: I wanted a place where I could showcase my projects, skills, and learning journey. As someone interested in both web development and digital marketing, I felt that having my own website would be a great way to build an online presence and apply what I was learning in a practical way.

Why I Built a Portfolio Website

Like many beginners, I had completed a few projects but did not have a central place to display them. I wanted recruiters, professionals, and other developers to be able to see my work in one place.

At the same time, I was curious about SEO and how websites appear on Google. Instead of only reading about SEO concepts, I decided to learn by applying them to my own portfolio.

Technologies Used

I built my portfolio using modern web development tools and technologies:

Next.js
React
TypeScript
Tailwind CSS

These technologies helped me create a fast, responsive, and visually appealing website.

What I Learned About SEO

Before this project, I knew very little about technical SEO. While working on my portfolio, I explored several important concepts.

Meta Title and Description

I updated the page title and description to better represent my profile and skills. This helped me understand how search engines identify and display web pages.

Sitemap Creation

I created a sitemap to help search engines discover important pages on my website more efficiently.

Robots.txt

I learned how robots.txt works and how it guides search engine crawlers when they visit a website.

Google Search Console

One of the most useful things I learned was how to connect a website with Google Search Console. Through Search Console, I was able to verify website ownership, submit my sitemap, request indexing, and monitor how Google interacts with my site.

Google Analytics

I also connected Google Analytics to my portfolio. This gave me insight into website traffic and helped me understand how visitor tracking works.

Performance and Optimization

While building the portfolio, I focused on creating a fast and user-friendly experience. I tested the website using performance tools and made improvements where possible.

This process helped me understand that SEO is not only about keywords. Website speed, user experience, and technical setup are equally important.

What This Project Taught Me

This portfolio became much more than a website project. It gave me practical exposure to:

Front-end development
Website deployment
Technical SEO
Google Search Console
Google Analytics
Website optimization

Most importantly, it taught me that the best way to learn is by building and experimenting with real projects.

Final Thoughts

I am still learning and improving my skills every day, but this project helped me gain confidence in both web development and digital marketing. Moving forward, I plan to continue building projects, exploring SEO strategies, and sharing my learning journey.

Portfolio Website:
https://shubham-singh-portfolio.netlify.app/

DEV Community: Shubham singh

How I Built My Portfolio Website and Learned SEO Along the Way