AI Summary

Overview

This repository hosts chele.bi, the personal blog and portfolio of Ege Chelebi. It's a meticulously crafted, editorial-style dark-themed website serving as a platform for his writings, projects, and a curated reading list. Built with modern web technologies, it offers a refined user experience with a focus on clean design and engaging content presentation.

Key Features

Editorial Dark Theme: Features a sophisticated dark aesthetic using Geist Sans for readability and Geist Mono for code blocks, complemented by subtle hairline borders and a single, consistent motion curve for a fluid experience.
MDX-Powered Blog: Content is managed via MDX, enabling rich formatting. The blog includes a convenient left-rail table of contents, distinct callout styles, and unique per-post chrome elements.
Automated Post Banners: Dynamic post banners are deterministically generated from the article title using a custom contour mark (lib/contour.ts), eliminating the need for manual image uploads.
Unique UI Elements: Incorporates eye-catching design elements like liquid-glass circular controls and frosted-glass tags for a modern and distinctive look.
Unified Identity Mark: A single contour identity mark is used consistently across the logo and favicons, reinforcing brand recognition.
Modern Tech Stack: Leverages Next.js 14 (App Router), React 18, TypeScript, and Tailwind CSS for a robust and performant web application.
Biome Integration: Utilizes Biome for efficient code linting and formatting, ensuring code quality and consistency.

Typical Use Cases

Personal Blogging: A sophisticated platform for individuals to share their thoughts, articles, and insights with a visually appealing presentation.
Portfolio Showcase: Ideal for developers, designers, and writers to display their projects, writing samples, and technical skills.
Reading List Curation: A dedicated space to organize and share recommended books and articles.
Design Exploration: A live example of modern web design trends, dark themes, and unique UI components for inspiration.
Learning Resource: Demonstrates best practices in Next.js, MDX integration, Tailwind CSS, and efficient development workflows.