Code with Lucy Portfolio

Overview

Code with Lucy is a personal portfolio and writing platform for an Associate Technical Lead working across AI/ML systems, cloud infrastructure, and distributed software. It combines a public-facing site — blog, videos & reels, projects, and engineering notes — with a password-protected admin panel for managing every piece of content without touching code.

Features

• Dark-themed, SEO-optimized public site with a typing-animation hero and an interactive space scene
• Blog with a full markdown-rendering pipeline — headings, code blocks, blockquotes, lists, and inline formatting
• Videos & reels library, project showcase, and an "ideas" section for half-formed engineering notes
• Self-serve admin panel for creating and editing blog posts, videos, projects, and ideas — no redeploy needed
• Stateless, HMAC-SHA256 signed-cookie authentication for the admin panel — no database required
• Auto-generated sitemap, robots.txt, and JSON-LD structured data (Person, WebSite, BlogPosting) on every page
• CTA banner with live social links, wired straight through to admin-editable settings
• Fully responsive, mobile-first layout with card hover glow and gradient accents

Tech Highlights

• Next.js 16 App Router with server components and generateStaticParams for static project/blog pages
• All content lives in versioned JSON files, read and written through a single typed store layer
• Vercel deployment with a read-only production filesystem, so admin writes fall back to /tmp at runtime
• Zero external CMS or database — content stays in git, fully diffable and revertible