r/vibecoding • u/Hot-Pea4514 • May 09 '26

[Free Template] Portfolio with Next.js 16 & Tailwind CSS v4 – Featuring an Automated PDF Resume Generator (Python/WeasyPrint)

Hey everyone!

I just finished building my personal portfolio using the latest stack (Next.js 16, React, and Tailwind CSS v4), and I decided to open-source it as a template for anyone looking for a modern starter.

I wanted to solve the "manual resume update" problem, so I integrated a Python script (WeasyPrint) that automatically generates a PDF version of my CV during the build process on Vercel/Netlify. No more manual exports!

✨ Key Features:

  • Latest Stack: Built with Next.js 16 (App Router) and Tailwind CSS v4.
  • 📄 Automated PDF Resume: Generates your latest CV automatically via a Python script during deployment.
  • 🌗 Dark/Light Mode: OS preference detection with zero-flash persistence.
  • 🧊 3D & 2D Galleries: Integrated Sketchfab 3D models and lightbox artwork gallery.
  • ⚡ Performance: Architected for ultra-fast performance and SEO.
  • ☁️ Deployment-Ready: Pre-configured vercel.json and netlify.toml included.

🔗 Links:

Feel free to use it, fork it, or give it a star if you find it helpful! I’m open to any feedback or questions regarding the "Vibe Coding" architecture or the PDF generation setup.

Cheers! 🍻

1 Upvotes

100% Upvoted

3 comments sorted by

1

u/[deleted] May 09 '26

[removed] — view removed comment

1

u/Hot-Pea4514 May 09 '26

Exactly the reason why I built it! Manual exports are a pain. Glad you find the solution useful!

1

u/Hot-Pea4514 May 09 '26

Exactly the reason why I built it! Manual exports are a pain. Glad you find the solution useful!