How I Built a Google #1 Ranking Portfolio with Next.js 15

Hey devs! I'm Mahizh, a full-stack developer from Chennai. Last week I ranked #1 on Google for "Mahizh developer" in just 7 days — 100% free.

Here’s the exact portfolio that got me 15+ recruiter messages:

👉 https://mahizh.vercel.app

Why I rebuilt with Next.js 15

App Router = cleaner code
Server Components = 60% faster
Built-in SEO = Google loves it

Tech Stack

Next.js 15 + TypeScript + Tailwind CSS + Zustand + Framer Motion

Features That Got Me #1

100 Lighthouse score
PWA installable (add to home screen)
Structured data (JSON-LD Person schema)
Perfect OG image (1200x630)
sitemap.xml + robots.txt

Code Highlights

SEO Nuclear Bomb (layout.tsx)

export const metadata: Metadata = {
  title: "Mahizh | Next.js Developer Chennai",
  description: "Full-stack developer specializing in Next.js, React, Tailwind CSS",
  openGraph: {
    images: ["https://mahizh.vercel.app/og-image.jpg"]
  }
}

Installable PWA

// manifest.json
{
  "display": "standalone",
  "icons": [{"src": "/icon-512.png", "sizes": "512x512"}]
}

Results After 7 Days

#1 for "mahizh developer"
#1 for "mahizh next.js"
5000+ visitors
23 recruiter InMails

Free Template

Want my exact code?
⭐ Contact me (Link)
🚀 Deploy in 2 clicks: Use this template

Project Showcase

Tag your dev friends who need a portfolio!
Follow me for more Next.js tips 💙

#webdev #nextjs #react #portfolio #100xdevs

DEV Community