← Back to archive
Project

Personal Profile Website with CI/CD & Docker Pipeline

Stack
Next.js · TypeScript · Docker · GitHub Actions

A personal profile web application built with Next.js and TypeScript, showcasing a full end-to-end DevOps workflow alongside the frontend build.

Key features:

  • Multi-stage Docker build optimized with Next.js standalone output for lean production images
  • Automated CI pipeline (GitHub Actions) that installs dependencies, builds the app, and validates code on every pull request
  • Automated CD pipeline that builds and pushes a Docker image to Docker Hub on every merge to main
  • Feature-branch Git workflow (feature/* → PR → CI check → merge → deploy)

Tech stack: Next.js, TypeScript, JavaScript, CSS, Docker, GitHub Actions

Designed, built, and deployed solo, covering both the frontend implementation and the containerization/CI-CD tooling around it.

GitHubDemo

Personal Profile Website with CI/CD & Docker Pipeline · Tionusa Catur Pamungkas