How I Built My Developer Portfolio with Next.js & SEO Optimization

Hey Dev community! 👋

I'm MD Nayeem Miah, a Full Stack Developer from Bangladesh 🇧🇩
I recently built my portfolio and optimized it for SEO.
Here's what I learned!

🚀 Tech Stack I Used

• Framework: Next.js 14 (App Router)
• Styling: Tailwind CSS
• Language: TypeScript
• Hosting: Vercel
• Animation: AOS (Animate On Scroll)

🔧 SEO Optimizations I Did

1. Meta Tags

Added proper title, description, and keywords in layout.tsx

2. Open Graph & Twitter Cards

So my portfolio looks great when shared on social media!

3. JSON-LD Schema (ProfilePage)

{
  "@context": "https://schema.org",
  "@type": "ProfilePage",
  "mainEntity": {
    "@type": "Person",
    "name": "MD Nayeem Miah",
    "jobTitle": "Full Stack Web Developer",
    "url": "https://nayeem-miah.vercel.app"
  }
}

4. Sitemap & Robots.txt

Used next-sitemap package to auto-generate both!

5. Google Search Console

Submitted sitemap and verified ownership.

📈 Results After 24 Hours

✅ Portfolio indexed on Google
✅ 10+ search clicks
✅ Rich Results detected by Google

🔗 Links

• 🌐 Portfolio: https://nayeem-miah.vercel.app
• 💻 GitHub: https://github.com/nayeem-miah
• 💼 LinkedIn: https://linkedin.com/in/md-nayeem-miah-734719307

💬 What's Next?

• Adding Blog section
• Learning Microservices & Docker
• Building more open source projects

If you're building your portfolio, feel free to
check mine for inspiration!

Drop your portfolio link in the comments 👇
Let's connect! 🤝

webdev #nextjs #seo #portfolio #bangladesh