Building This Website

This page documents how I developed my personal portfolio using Next.js and Tailwind CSS, hosted on Vercel, and version-controlled with GitHub. This journey has been an ongoing process, with incremental improvements and new features added as I’ve learned more about modern web development.

Skills & Tools

  • Next.js for server-side rendering and routing
  • Tailwind CSS for rapid and consistent styling
  • Vercel for quick and seamless deployment
  • Git & GitHub for version control and collaboration
  • React Icons & other libraries to enhance UI

Hosting & Deployment

Vercel makes it incredibly straightforward to deploy a Next.js project. Each push to the main branch on GitHub triggers an automatic build and deployment, keeping the live site up to date. The integrated preview URLs are also fantastic for testing changes before they go live.

Source Code

The entire project is open-source on GitHub. Feel free to explore the code!

View GitHub Repo

Development Photos

GitHub Screenshot
VSCode Screenshot

Closing Thoughts

From the initial scaffold to the ongoing updates, developing this portfolio has shown how powerful modern frameworks can be. There’s always more to refine, but I’m proud of the progress so far and excited to keep iterating!

← Back to Home