Rinkhimera Portfolio.
A developer portfolio and blog hybrid featuring MDX articles, WakaTime coding stats, GitHub dashboard, a guestbook with OAuth authentication, and a dark anime-inspired design.
Overview
Rinkhimera Portfolio is a personal developer portfolio and blog built with Next.js 14 and Tailwind CSS. Beyond a traditional portfolio, it integrates a full blogging system powered by Contentlayer and MDX with syntax highlighting via Shiki, a real-time coding activity dashboard pulling stats from the WakaTime API, and a guestbook where visitors can sign in via GitHub or Google using NextAuth and leave messages stored in a Neon PostgreSQL database via Prisma. The site features a dark theme with anime-inspired visuals, animated card layouts, and a dashboard grid showcasing GitHub stats, weekly coding hours, and language breakdowns.
Key Features
- 01MDX blog with syntax highlighting, GFM support, and auto-linked headings via Contentlayer
- 02Real-time coding activity dashboard with WakaTime API integration
- 03GitHub stats display showing repositories, stars, and followers
- 04Guestbook with OAuth authentication (GitHub & Google) via NextAuth and Prisma
- 05Dark anime-inspired design with animated card grid layout
Technical Highlights
- Integrated WakaTime API with server-side caching for real-time coding statistics without rate limiting
- Built a full MDX pipeline with Contentlayer, rehype plugins, and Shiki for rich blog content
- Implemented NextAuth with Prisma adapter for multi-provider OAuth supporting guestbook persistence