I Built My Personal Portfolio with Next.js, Tailwind CSS, and AI-Assisted Development

์ž‘์„ฑ์ž

์นดํ…Œ๊ณ ๋ฆฌ:

โ† ํ”ผ๋“œ๋กœ
DEV Community ยท MANAS AGRAWAL ยท 2026-06-10 ๊ฐœ๋ฐœ(SW)

MANAS AGRAWAL

Over the last few weeks, I redesigned and rebuilt my personal portfolio from scratch.

๐Ÿ”— Website:-https://manasagrawal.online
Tech Stack
Next.js
Tailwind CSS
TypeScript
Framer Motion
Vercel
Goals

I wanted a portfolio that:

Loads fast
Looks professional
Reflects my interest in AI and product building
Showcases projects instead of just listing skills
Results
Performance: 95+
Accessibility: 95+
Best Practices: 100
SEO: 100
What I Learned
Design matters, but clarity matters more.
Lighthouse 100 doesn’t guarantee search rankings.
Case studies are more valuable than fancy animations.
A custom domain significantly improves credibility.
Shipping is more important than endlessly polishing.
Current Projects
JEE OS (Exam Platform)
AI Study Planner
Analytics Dashboard
Other AI-powered tools

I’m still a student and learning every day, so feedback is welcome.

What is the one thing you think every developer portfolio should have?

์›๋ฌธ์—์„œ ๊ณ„์† โ†—

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€ ๋‚จ๊ธฐ๊ธฐ

์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” ๊ณต๊ฐœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค