This Website

A dynamic, modern portfolio and blog platform built with Next.js, Tailwind CSS, and Supabase.

Overview

This project is a complete migration of a static HTML/CSS portfolio into a full-stack Next.js application. It features a sleek, modern design with a starfield background and glassmorphism UI elements. The backend is powered by Supabase, handling project and blog post storage, as well as user authentication for a private admin dashboard.

Key features include:

  • Dynamic Project & Blog Management: Projects and blog posts are stored in a Supabase database and managed through a secure dashboard.
  • Authentication: A private login page for an admin dashboard, using Supabase Auth.
  • File Uploads & Download Tracking: Projects can be marked as downloadable, with files uploaded to Supabase Storage and a download counter that updates in real-time.
  • Markdown Support: Blog posts are written in Markdown and rendered into formatted HTML on the public site.
  • Server-Side Rendering (SSR) & Actions: Leverages modern Next.js features for optimal performance and secure backend operations.

Changelog

6/13/2025

Added

  • New /contact page.

  • "Featured Projects" section to the homepage.

Fixed

  • Multiple build errors related to Client and Server Component module resolution.

  • Visual inconsistency between social media icons by using a matching SVG set.

  • A layout conflict that prevented buttons from functioning by conditionally rendering the root layout.

Tags

Next.jsReactTailwind CSSSupabaseTypeScript

Details

Version:1.0.1
Visit