Sourav Dey
Portfolio Website Development 🏗️ - Part 1

Portfolio Website Development 🏗️ - Part 1

12 Apr, 2021 • 1 min read

The journey of building my personal portfolio site from scratch: choosing the tech stack, planning the design, and setting up the project.

Listen
Playback speed
Read more from the Portfolio Website series
This blog is regarding the process of Portfolio Website Development.
Part 2 continues with the first shipped UI. Part 3 covers the App Router and MDX in the repo. Part 4 is the current stack on Next.js 15 and Velite.
Currently, While writing this blog the website is under development but the first page is hosted. https://www.souravdey.space
To keep consistency I am following the Design That I created. Design mockups in Figma

Screenshot of the current website.

Screenshot of souravdey.space portfolio website

Technical Stack

The current technical stack for my portfolio website is HTML, CSS, Next.js, React.js, Vercel Cloud and Notion as headless CMS

Sections in the website.

  • About/Home Page
  • Work Experience
  • Projects
  • Tech Skill - with the option to endorse
  • Contact me

Personal Branding Steps that I have planned for and working toward it.

  • Completion of the portfolio website.
  • A 3D Avatar 👦
  • Profile picture consistency and a bit more professional 👔 may be.
  • Blog banners with consistent design and changing the previous banners.
  • Fonts family and Colors Consistency.
I am not sure how much time it will take to complete and I will try my best. 🤞
Will appreciate the suggestion in the comments.

Contact me

Related reads

Portfolio Website Development 🏗️ - Part 4Portfolio series Part 4: Next.js 15 App Router, Velite and MDX, SEO via sitemap RSS and JSON-LD, global search, theming, and lessons from running souravdey.space as home for my writing.Portfolio Website Development 🏗️ - Part 3Part 3: Next.js 13 App Router, Contentlayer + MDX in the repo for blogs and mind nuggets, CSS modules, Framer Motion, real URLs instead of scroll sections.Portfolio Website Development 🏗️ - Part 2Continuing the portfolio build: implementing the UI, adding content sections, and deploying the first version live.Moving Gradient Animation with CSS 🎨How to create smooth, animated gradient backgrounds using pure CSS, with code examples you can copy.