Back to projects
Portfolio Website

Portfolio Website

Ankit Kumar / June 16, 2025

This is a modern, fully responsive developer portfolio website built with Next.js, Tailwind CSS, and MDX. It features a dark/light theme toggle, showcases blog posts and projects, and includes a contact form for direct communication. The site is deployed via Vercel and continuously integrated with GitHub for instant updates on push.

Features

  • Landing Page: Contains a personal photo, a short introduction, and sections for recent posts and projects.
  • Dark & Light Theme: Users can toggle between themes using the next-themes plugin.
  • Recent Posts: Dynamically loads the latest blog articles written in MDX format.
  • Recent Projects: Displays the most recent projects with hover effects and links to live demos when available.
  • Social Footer: Clean footer with social media links.
  • MDX Blog System: All articles and project reports are written in .mdx, allowing for rich formatting and easy publishing.

Pages

  • /posts: Lists all blog posts; clicking opens detailed pages like /posts/introduction-to-nextjs.
  • /projects: Shows projects in reverse chronological order with hover effects and deployment links.
  • /contact: A contact form where users can enter their name, email, and message. (Currently configured to only send messages from the portfolio owner to their own email, with future plans to open public messaging.)

Technologies

  • Next.js: The core React framework for building server-side rendered and statically generated pages.
  • Tailwind CSS: Utility-first CSS framework used for styling and layout.
  • MDX: Used for rendering blog posts and project reports.
  • Resend (Planned): Email service for future public contact form functionality.
  • Vercel: Hosting and CI/CD—connected to GitHub for automatic deployment on push.
  • React Hook Form + Zod: For form handling and validation.
  • Radix UI & Lucide Icons: For accessible components and icons.

Deployment

The site is live and continuously deployed through Vercel.

🔗 Live Website: portfolio-website-ak.vercel.app
🐱 GitHub Repo: github.com/ankitkumaratg6041/portfolio-website-ak
💼 LinkedIn: linkedin.com/in/ankitkumaratg

Pushes to GitHub automatically trigger a rebuild and redeploy on Vercel.

Conclusion

This portfolio project is more than just a personal site—it's a full-stack, production-ready showcase of my work and writing. Built solo from the ground up, it emphasizes best practices, clean architecture, and extensibility through MDX and automated deployment.