Web Development

Personal Developer Portfolio

A fully deployed developer portfolio with a working contact form, automated emails, and CI/CD straight from GitHub to a live URL.

https://azynardev.vercel.app
Personal Developer Portfolio

Overview & Architecture

Built and deployed a full-stack portfolio with a working contact form backend, automated email delivery via Resend, and a CI/CD pipeline through GitHub and Vercel. Every push to GitHub redeploys automatically — from a saved file to a live URL in under 60 seconds, no manual steps in between.

The Bottleneck

The Problem

Needed a compact, fast personal site to showcase work and make contacting easy.

The Engineering

The Solution

Built a Next.js app with modular components, an easy contact form, and fast static rendering for pages.

Measurable Impact & Results

100% Lighthouse Best Practices Score
Automated SMTP Delivery via Resend API
Instant Zero-FOUC Theme Switcher
Continuous Deployment CI/CD in < 60s

Technologies & Tools Used

Next.jsTailwind CSSFramer Motion