Changelog

📜 Changelog Page

A dedicated changelog page to publicly display version history and release notes.

🚀 Features

• Timeline UI: Pixel-perfect reproduction of the official Nuxt Changelog Template with sticky date indicators and emerald accent colors.
• Markdown Rendering: Built-in lightweight markdown parser without external dependencies.
• Bilingual Support: Page title and descriptions are fully localized.

✨ Nuxt i18n & Aesthetic Animations

This patch focuses on localization robustness and top-tier front-end polish.

🚀 Features & Polish

• Nuxt i18n Integration: Completely refactored the language switching functionality to utilize the official @nuxtjs/i18n module for flawless translation state management.
• Entrance Animations: Introduced modern, staggered fade-up entrance animations globally across the public frontend (Home, Projects, Certificates, Contact).
• Nuxt Hydration Fixes: Bypassed static layout caching bugs to ensure background headers and i18n toggles remain responsive during SPA navigations.

🛡️ Fullstack Admin Console

A massive update introducing a complete custom Content Management System (CMS) to manage the portfolio dynamically.

🌟 New Management Modules

• Authentication: Secured administrative pathways via Supabase Auth and H3 server-sessions.
• Dashboard Overview: Access real-time statistics, activity logs, and system metrics.
• Dynamic Entities: Full CRUD tools for Projects, Certificates, and Nav Links.
• Content Hubs: Dedicated Settings, About, and Profile editors to instantly update public identity texts.
• Message Center: A private inbox for communications sent from the public contact form.
• Cloudflare Turnstile: Integrated bot protection on the authentication login page using @nuxtjs/turnstile for secure admin access.
• Telegram Bot Notifications: Automated real-time message alerts forwarded to Telegram upon new contact form submissions.
• Flexible Upload Provider: Image uploads can be switched between local storage and Supabase Storage via environment variable configuration.

🟢 Nuxt Transformation

The entire infrastructure was rewritten for the modern web ecosystem.

🚀 Migration Highlights

• Migrated code from pure vanilla frameworks to Nuxt 4 powered by Vue.js 3.
• Server Migration: Transitioned hosting from self-managed XCP-ng (Ubuntu Server + Docker) to a globally optimized Vercel serverless environment.
• Integrated Supabase (PostgreSQL + Storage) and Prisma ORM as the core database layer.
• Enabled Server-Side Rendering (SSR) for significant speed and SEO improvements.

🔴 Initial Static Launch

The very first version of the portfolio in its simplest form.

🛠️ Architecture

• Built as a Single Page Application (SPA) using the Vue 3 framework via Vite (create-vue).
• Completely static frontend with simple glassmorphism layouts powered by Tailwind CSS.
• No database or backend framework overhead.