Launching My New Portfolio Website

Why a New Portfolio?

As a full-stack developer, your personal website should be a reflection of your evolving craft. My old portfolio no longer represented my capabilities, so I decided to rebuild from the ground up — with speed, accessibility, and aesthetic balance at its core.

Tech Stack Breakdown

This version is built using a modern frontend stack that allows rapid iteration, excellent performance, and delightful developer experience:

• Next.js 15 – The foundation of the site, utilizing the App Router for structure and performance.
• ShadCN UI – For accessible, headless UI components styled with Tailwind.
• Aceternity UI – Used for micro-interactions and unique, prebuilt design elements.
• Tailwind CSS – Enables utility-first styling with full design control.
• Framer Motion – Adds smooth transitions and animations that elevate the user experience.

Design Principles

I followed a minimalist, content-first design language with a focus on:

• Typography and spacing to improve readability.
• Dark mode as the default for a sleek look.
• Centralized content in the hero section, shifting to left-aligned grids in blogs and projects for usability.

Developer Experience (DX)

From a coding perspective, everything is optimized for maintainability:

• Folder structure is modular, aligned with App Router conventions.
• All components are reusable and wrapped in Radix primitives where necessary.
• Used clsx and tailwind-merge for safe, dynamic class merging.

Using Generative AI

One of the biggest productivity boosts came from integrating generative AI into the workflow. I used ChatGPT not only for code suggestions and debugging, but also to bounce off structural and UX ideas — acting almost like a second pair of eyes in the room.

Additionally, I relied on v0.dev to quickly scaffold beautiful UI components that matched my design direction. It helped me move faster while keeping things visually consistent.

These tools didn’t replace creativity — they amplified it. If you’re not already using generative AI in your build pipeline, I highly recommend exploring it. The speed and support it provides are game-changers.

GitHub Repository

The source code for this portfolio is fully open-source and available here:

🔗 github.com/isharjeeldd/portfolio-dd

What’s Next?

This site isn't just static — it's growing. Future additions will include:

• Dynamic blogs powered by MDX.
• Project walkthroughs with interactive demos.
• Developer notes and design insights from real-world builds.

Fork, Learn, Build

This project is licensed under the GNU GPL, which means you're free to fork, modify, and share. Just make sure your derivative works follow the same license terms.

If you find something valuable in this portfolio, feel free to star, fork, or reach out — I’d love to see how you build on it.