Kernel — Next.js Developer Portfolio Template

Kernel is a premium Next.js developer portfolio template built for engineers, AI developers, and indie hackers who want a personal site that feels as sharp as the products they ship. Built with Next.js, Tailwind CSS v4, shadcn/ui, TypeScript, and Motion, Kernel skips the generic "resume-in-a-browser" look and goes for the minimal, dark-mode-first aesthetic of tools like Vercel, Linear, and Raycast — clean typography, generous whitespace, and subtle motion instead of noisy effects.

Every section a developer portfolio actually needs is already built: a hero with animated reveal and an ambient glow background, a categorized tech stack grid, a featured projects showcase with full case-study pages, a vertical experience timeline, a blog with individual post pages, and a contact section that closes the page with the same visual language it opened with. Full pages for /projects, /projects/[slug], /blog, and /blog/[slug] are included, each with dynamic SEO metadata generated per page — so every project and every post ships with proper Open Graph tags and titles out of the box.

Under the hood, Kernel is fully typed, fully responsive, and built entirely on shadcn/ui components — no components reinvented from scratch, so it's easy to extend with the rest of the shadcn ecosystem. All content lives in a single typed config file, all colors and gradients are theme variables (OKLCH-based, light and dark included), and there's zero hardcoded styling anywhere in the codebase. For a developer who wants a portfolio that gets them hired or gets them freelance clients — without looking like every other template — Kernel is built for exactly that.