> How I Built This Website
next.jstailwindweb-dev
Every developer needs a personal site. Here's how I built mine.
Tech Stack
- Next.js 16 — App Router, server components, and great DX
- Tailwind CSS v4 — Utility-first styling with the new CSS-native engine
- shadcn/ui — Beautiful, accessible components built on Radix
- MDX — Markdown with JSX for rich blog content
- Bun — Fast JavaScript runtime and package manager
Design Principles
- Minimal — No unnecessary elements or distractions
- Fast — Static generation where possible, optimized fonts
- Accessible — Semantic HTML, proper contrast, keyboard navigation
- Dark mode — System-aware with manual toggle
Deployment
The site is deployed on Vercel with automatic previews for every push. The domain rameshjs.dev points directly to the Vercel deployment.
The source code is open on GitHub.