The latest articles on DEV Community by MD Nayeem Miah (@nayeem-miah). https://dev.to/nayeem-miah https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4006103%2F3547d863-a7a3-40e2-8b4f-a1512d651664.png https://dev.to/nayeem-miah en MD Nayeem Miah Mon, 29 Jun 2026 04:09:54 +0000 https://dev.to/nayeem-miah/how-i-built-my-developer-portfolio-with-nextjs-seo-optimization-2joo https://dev.to/nayeem-miah/how-i-built-my-developer-portfolio-with-nextjs-seo-optimization-2joo <h1> How I Built My Developer Portfolio with Next.js &amp; SEO Optimization </h1> <p>Hey Dev community! 👋</p> <p>I'm <strong>MD Nayeem Miah</strong>, a Full Stack Developer from Bangladesh 🇧🇩<br> I recently built my portfolio and optimized it for SEO. <br> Here's what I learned!</p> <h2> 🚀 Tech Stack I Used </h2> <ul> <li> <strong>Framework:</strong> Next.js 14 (App Router)</li> <li> <strong>Styling:</strong> Tailwind CSS</li> <li> <strong>Language:</strong> TypeScript</li> <li> <strong>Hosting:</strong> Vercel</li> <li> <strong>Animation:</strong> AOS (Animate On Scroll)</li> </ul> <h2> 🔧 SEO Optimizations I Did </h2> <h3> 1. Meta Tags </h3> <p>Added proper title, description, and keywords in layout.tsx</p> <h3> 2. Open Graph &amp; Twitter Cards </h3> <p>So my portfolio looks great when shared on social media!</p> <h3> 3. JSON-LD Schema (ProfilePage) </h3> <div class="highlight js-code-highlight"> <pre class="highlight json"><code><span class="p">{</span><span class="w"> </span><span class="nl">"@context"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://schema.org"</span><span class="p">,</span><span class="w"> </span><span class="nl">"@type"</span><span class="p">:</span><span class="w"> </span><span class="s2">"ProfilePage"</span><span class="p">,</span><span class="w"> </span><span class="nl">"mainEntity"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nl">"@type"</span><span class="p">:</span><span class="w"> </span><span class="s2">"Person"</span><span class="p">,</span><span class="w"> </span><span class="nl">"name"</span><span class="p">:</span><span class="w"> </span><span class="s2">"MD Nayeem Miah"</span><span class="p">,</span><span class="w"> </span><span class="nl">"jobTitle"</span><span class="p">:</span><span class="w"> </span><span class="s2">"Full Stack Web Developer"</span><span class="p">,</span><span class="w"> </span><span class="nl">"url"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://nayeem-miah.vercel.app"</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"> </span></code></pre> </div> <h3> 4. Sitemap &amp; Robots.txt </h3> <p>Used <code>next-sitemap</code> package to auto-generate both!</p> <h3> 5. Google Search Console </h3> <p>Submitted sitemap and verified ownership.</p> <h2> 📈 Results After 24 Hours </h2> <p>✅ Portfolio indexed on Google<br> ✅ 10+ search clicks<br> ✅ Rich Results detected by Google</p> <h2> 🔗 Links </h2> <ul> <li>🌐 Portfolio: <a href="https://nayeem-miah.vercel.app" rel="noopener noreferrer">https://nayeem-miah.vercel.app</a> </li> <li>💻 GitHub: <a href="https://github.com/nayeem-miah" rel="noopener noreferrer">https://github.com/nayeem-miah</a> </li> <li>💼 LinkedIn: <a href="https://linkedin.com/in/md-nayeem-miah-734719307" rel="noopener noreferrer">https://linkedin.com/in/md-nayeem-miah-734719307</a> </li> </ul> <h2> 💬 What's Next? </h2> <ul> <li>Adding Blog section</li> <li>Learning Microservices &amp; Docker</li> <li>Building more open source projects</li> </ul> <p>If you're building your portfolio, feel free to <br> check mine for inspiration! </p> <p>Drop your portfolio link in the comments 👇<br> Let's connect! 🤝</p> <h1> webdev #nextjs #seo #portfolio #bangladesh </h1> webdev nextjs portfolio seo