Comprehensive, Multilingual Personal Portfolio and Blog Platform

Autumnnus Portfolio

Short Description

In this project, I developed a personal portfolio application with multilingual support, blog functionality, and AI features.

Problem

Personal website setups often remain as static showcases. This project addresses the challenge of consolidating needs like content management, multilingual support, commenting systems, and an administration interface into a single platform.

Solution

I architected this system modularly on top of the Next.js App Router. I integrated the data layer with PostgreSQL and Drizzle ORM, role-based authentication with Auth.js, and file storage with MinIO. For blog and project details, I incorporated the Tiptap editor, a comment and like flow, Gemini-based AI operations, Turnstile protection, and Umami analytics.

Outcome

The result is a comprehensive personal website that not only showcases a portfolio but also allows for content publishing and management. I expanded its utility with multilingual support, analytics, notifications, and interactive UI elements.

Technologies

Next.js, React 19, TypeScript, Tailwind CSS, Framer Motion, Radix UI, Node.js, PostgreSQL, Drizzle ORM, MinIO, Auth.js, next-intl, Tiptap, Shiki, Google Gemini API, Cloudflare Turnstile, Umami Analytics

Setup