this-is-adix.dev: Next-Generation Portfolio & Content Management

A comprehensive personal portfolio, blogging platform, course hub, and AI-assisted content management system.

Web Development Live Demo
this-is-adix.dev: Next-Generation Portfolio & Content Management

Tech Stack


Project Overview

this-is-adix.dev is a comprehensive personal portfolio, blogging platform, course hub, and AI-assisted content management system. Designed from the ground up, this application acts as the central hub for showcasing professional work, publishing technical articles, and managing online courses.

Beyond a traditional portfolio, This Is Adix features a custom-built, authenticated administration area that empowers editors to create content seamlessly. The true highlight of the platform is its deep integration with Artificial Intelligence, providing on-the-fly text generation within the rich editor and a dedicated AI Image Gallery—all orchestrated seamlessly through the OpenRouter API.

Key Features

Custom Content Management System (CMS): A secure, authenticated admin interface built to manage blog posts, projects, curriculum vitae details, and learning courses without relying on external providers.
AI-Assisted Publishing: Integrated OpenRouter API capabilities allow editors to generate AI text directly alongside writing in a modern Tiptap-based rich text editor.
AI Image Gallery Engine: A dedicated module for generating, managing, and showcasing AI-generated visual content directly from the admin panel to the public gallery.
Modern & Responsive UI: A beautifully crafted, mobile-first interface utilizing Tailwind CSS, peppered with Alpine.js for lightweight, snappy client-side interactions.
Robust Security Posture: Hardened with strict Content Security Policies (CSP), built-in rate limiting, safe HTML sanitization, and secure BCrypt password hashing.
Production-Ready Deployment: Fully containerized using Docker and Docker Compose for predictable, consistent environments from local development up to production.

Tech Stack

The architecture focuses on server-rendered performance, fast load times, and developer ergonomics, leveraging the latest features in the .NET ecosystem alongside modern frontend tooling.

Backend Development

Framework: .NET 10 / ASP.NET Core MVC
Database: PostgreSQL 16
ORM: Entity Framework Core (with Npgsql)
Authentication: Custom Cookie Auth with BCrypt.Net-Next
Logging: Serilog
AI Integration: OpenRouter API

Frontend & UI

Templating: Razor Views
Styling: Tailwind CSS (via local CLI pipeline)
Interactivity: Alpine.js
Rich Text Editor: Tiptap

DevOps & Infrastructure

Containerization: Docker & Docker Compose
Platform Architecture: Server-side rendered monolith, optimized for low overhead and rapid feature delivery.

Conclusion

This Is Adix serves not only as a digital identity and professional showcase but also as an advanced technical playground. By marrying a traditional MVC architecture with bleeding-edge AI generation features and a modern visual layer, it demonstrates how individual developers can build powerful, personalized tooling that scales effortlessly.