🚀 My Automated Portfolio Website – Next.js + Zapier + Vercel

I’m Siddhant Mohan Jha, and I’m excited to share my first project — my very own portfolio website, built using Next.js and automated with Zapier.

It’s not just a simple portfolio — it’s a smart website that can handle contact messages automatically without any manual work! 💡💻 What My Portfolio Does

My portfolio website showcases:

• My skills and projects

• A contact form where anyone can reach me

• A completely automated workflow for message handling

⚙️ How the Automation Works

Normally, when someone fills out a contact form, the owner has to manually check messages and reply.
But in my case, everything happens automatically using Next.js API routes and Zapier webhooks 🔄

Here’s the full workflow:

1. When someone fills out the form, their data (name, email, message) is sent to my Next.js API route.

2. The API validates all the fields and ensures the email format is correct.

3. Once validated, the data is forwarded to Zapier via a webhook.

4. Zapier automation instantly:

   • Sends a confirmation email to the user 📧

   • Sends me their message details at the same time 📥

Everything happens in seconds — no manual checking or replying needed!

🧠 Tech Stack

Layer	Technology
Frontend	Next.js, React, Tailwind CSS
Backend	Next.js API Routes
Automation	Zapier Webhooks
Deployment	Vercel

🌟 Key Features

• Fully responsive UI

• Automated contact form (instant confirmation emails)

• Backend validation for secure submissions

• Live deployment on Vercel

• Integration between frontend, backend & automation tools

🧪 Try It Yourself

✅ Fill in your name, email, and message.
✅ Wait a few seconds — you’ll receive a confirmation email right away!

🔍 What I Learned

This project helped me understand how to:

• Build modern web apps using Next.js

• Use API routes for backend logic

• Automate workflows using Zapier

• Deploy live projects with Vercel

It was a great learning experience to see how frontend, backend, and automation can work together to create a seamless system.

🔧 Future Improvements

• Add reCAPTCHA to prevent spam

• Save messages in a database (like MongoDB)

• Create an admin dashboard for viewing submissions

💬 Final Thoughts

Building this portfolio was a huge step for me.
It’s not just a static website — it’s a smart, automated system that works on its own and shows my ability to combine development + automation.

If you’d like to see it in action, check it out here 👇
🔗 https://sidd-portfolio-2-0.vercel.app/