I Built a Windows 95-Style Developer Portfolio with Next.js 15
Why a Windows 95 Portfolio? Most developer portfolios look the same: Hero section About me Projects grid Contact form I wanted something different. Something people actually remember. So I built a portfolio that looks and feels like a classic Windows 95 desktop. When you visit the site, you see: A

Why a Windows 95 Portfolio? Most developer portfolios look the same: Hero section About me Projects grid Contact form I wanted something different. Something people actually remember. So I built a portfolio that looks and feels like a classic Windows 95 desktop. When you visit the site, you see: A teal desktop background (just like Windows 95) Clickable icons for Projects, Writing, Contact A boot animation that says "System booting..." Draggable, resizable windows Next.js 15 โ App Router, Server Components Tailwind CSS โ All styling Framer Motion โ Animations and transitions TypeScript โ Type safety When the page loads, it shows a retro boot screen before revealing the desktop. This sets the mood immediately. Each icon (Projects, Writing, Contact) opens a window when clicked โ just like real Windows 95. Windows can be dragged around the screen using Framer Motion's drag constraints. I added a writing section where I publish articles about Flutter, Django, and AI. A working contact form so people can reach out directly. Animations matter โ The boot screen alone makes the site memorable Constraints are creative โ Sticking to a Windows 95 theme forced me to be creative with limited elements Performance โ Even with animations, the site scores 100 on Lighthouse SEO ๐ https://adilportfolio-tawny.vercel.app The project is built with Next.js 15 and is deployed on Vercel. Thanks for reading! If you have any questions about the implementation, feel free to ask in the comments. portfolio #nextjs #tailwindcss #webdev
Key Takeaways
- โขWhy a Windows 95 Portfolio? Most developer portfolios look the same: Hero section About me Projects grid Contact form I wanted something different
- โขThis story was reported by Dev.to, covering developments in the dev space.
- โขAI advancements continue to reshape industries โ read the full article on Dev.to for complete coverage.
๐ Continue reading the full article:
Read Full Article on Dev.to โShare this article



