Back to projects

0views

Personal Portfolio Website

Responsive portfolio and content management platform

Personal Portfolio Website screenshot 1 of 2
Next.js

A bilingual personal portfolio platform designed to present my IoT, embedded-systems, and web-development work in one clear, recruiter-friendly place. Built with Next.js and Sanity, it centralises project case studies, career highlights, technical articles, design work, a resume, and an authenticated guestbook. The site is deployed on a VPS with Docker and Nginx, while Sanity Studio allows content to be updated without rebuilding the application.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Sanity
  • Auth.js
  • Docker
  • Nginx

Project context

From problem to purpose

01 / PROBLEM STATEMENT

What needs to improve

Projects, technical skills, achievements, and professional information are often spread across separate platforms, making it difficult for a recruiter or collaborator to understand the full scope of my work quickly. I needed a fast, responsive portfolio that turns those separate materials into an accessible narrative, makes current work easy to update, and provides enough supporting evidence for visitors to explore each project with confidence.

02 / OBJECTIVES

What the project must achieve

  1. 01 Present IoT, embedded, and web-development work through structured project pages rather than disconnected links or screenshots.
  2. 02Make professional information, contact options, and the current résumé easy to find on desktop and mobile.
  3. 03Allow projects, articles, timeline entries, and site settings to be updated through Sanity Studio without changing application code.
  4. 04Provide accessible navigation, search, bilingual MY/ENG interface text, and responsive layouts for different screen sizes.
  5. 05Deploy a production-ready site with Docker, Nginx, HTTPS, and a repeatable release process.

Keep exploring

View all projects