Portfolio Rework

Overview

A complete redesign and modernization of my portfolio website. This project represents a shift from traditional data-driven content to a modern MDC (Markdown Components) approach, offering better content management, improved performance, and enhanced developer experience.

Architecture & Technology Stack

Framework & Core

• Nuxt 4 - Latest version with compatibility mode enabled for future-proof development
• Vue 3 - Modern composition API with TypeScript support
• TypeScript - Full type safety across the entire application
• Bun - Fast JavaScript runtime and package manager for improved development speed

Content Management

• NuxtContent - Powerful content management with MDC support
• MDC (Markdown Components) - Write Vue components directly in Markdown files

Styling & UI

• Tailwind CSS 4 - Utility-first CSS framework with latest features
• shadcn-nuxt - Component library system with custom configuration

Media & Assets

• @nuxt/image - Optimized image handling with automatic format conversion
• @nuxt/icon - Iconify integration with 100k+ icons
• @nuxt/fonts - Automatic font optimization and loading

Development & Quality

• @nuxt/eslint - Code linting with Nuxt-specific rules
• Prettier - Code formatting with consistent style
• eslint-plugin-perfectionist - Automatic sorting of imports and object properties

Deployment & Performance

• PM2 - Production process manager with cluster mode on port 3002
• Nginx - Reverse proxy and static file serving
• GitHub Actions - Automated CI/CD pipeline with SSH deployment to VPS