Next CMS

Personal

My Portfolio

Stack

TypeScript

React

Next

Tailwind

PostgreSQL

Supabase

Github

Designed and developed a self-hosted portfolio platform powered by Next.js and Supabase, fully managed through a custom admin dashboard. The application serves as both a content hub and a demonstration of modern full-stack practices, from local-first development to production deployment.


Key Contributions & Impacts:

  • Admin Dashboard: Built a secure dashboard in Next.js to manage all portfolio content, allowing easy updates without touching code.

  • Local-First Development: Ran Supabase locally via Docker, creating SQL migrations and seed files during development to ensure a smooth transition to production.

  • Production Deployment: Synced and maintained migrations with a Supabase resource deployed on a VPS via Coolify, keeping infrastructure independent and cost-effective.

  • Hybrid Rendering: Leveraged the Next.js App Router with both the Supabase Server and Client SDKs to deliver SSR components pre-hydrated with database data as well as client-side components powered by Supabase’s client instance, alongside server action files for mutations and business logic

  • Modern Full-Stack Showcase: Demonstrates mastery of TypeScript, React, and PostgreSQL in a production-ready, composable architecture suitable for scaling beyond a portfolio.