Day 6 — Setting Up the Skeleton of My 3D Portfolio (Next.js + Tailwind + Three.js)

Intro:
Today I finished the bare-bones structure of my 3D developer portfolio. Right now, it looks plain (screenshot below), but this marks the foundation for what’s coming: a fully interactive 3D portfolio where projects float in space, clickable and animated.

Tech used today:

• Next.js 14 (App Router)

• TailwindCSS for styling

• React Three Fiber + Drei for 3D canvas

Next steps:

Over the next week, I’ll add:

1. A polished landing hero with 3D text.

2. Floating project spheres/cards.

3. Camera animations & smooth transitions.

4. A responsive design for desktop & mobile.

Conclusion:
The skeleton may look simple now, but this will evolve into a full 3D showcase that I can pin on GitHub and feature on my resume. 🚀

---