Introduction
A personal portfolio website built with SvelteKit, TypeScript, and Tailwind CSS.
It is designed as a fast, content-driven platform for showcasing projects, writing blog posts, and presenting work experience in a structured and maintainable way.
The entire system is built around MDsvex, allowing content to be written in Markdown while still behaving like fully interactive pages.
Overview
r3p.dev Portfolio is built as a modular content system rather than a traditional static portfolio.
Each section of the site — projects, blog posts, and experience entries — is treated as structured content that can be independently created, updated, and rendered using shared layouts.
This approach keeps the portfolio flexible and scalable without requiring changes to the core codebase when adding new content.
Features
Project Showcase System
Projects are stored as structured content with metadata such as title, description, tech stack, repository, and live preview. Each project is rendered as its own dedicated page.
MDsvex Content Layer
Markdown is extended with Svelte components, enabling interactive elements and dynamic layouts directly inside content files.
Content-First Architecture
The system separates content from presentation. Pages are generated from data rather than manually built UI sections.
Reusable UI System
A consistent interface is maintained using reusable components built with Bits UI and shadcn-svelte patterns.
Performance-Oriented Design
Built on SvelteKit and Vite, the site prioritizes fast rendering, minimal client-side overhead, and smooth navigation.
Tech Stack
SvelteKit
TypeScript
Tailwind CSS 4
Vite
MDsvex
Bits UI
shadcn-svelte
Structure Philosophy
The project is designed around the idea that a portfolio should behave like a content system, not a static website.
Instead of hardcoded sections, everything is driven by structured content that can be extended without modifying the layout logic.
This makes it easier to maintain and evolve over time as new projects and writing are added.