A production portfolio and content platform built with Next.js 16 and Payload CMS 3. Editors manage pages, blog posts, and case studies from a custom admin panel; visitors get a fast marketing site, work showcase, blog, and an AI assistant grounded in my profile and project knowledge.

This is the third iteration of my personal site — raneljohntormis.dev — designed as both a public portfolio and a real product: content-managed, SEO-ready, and extensible without redeploying for every copy change.
The goal was simple: present work and writing professionally, own the full stack end-to-end, and add capabilities you do not get from a static site generator alone — drafts, live preview, structured case studies, lead capture, and an on-site AI guide that answers questions about my background and projects.
Marketing site & UX
Headless CMS (Payload 3)
AI assistant
Growth & operations
robots.txt covering pages, blog, work, and postsechnical highlightsArea | Stack / approach |
|---|---|
Frontend | Next.js 16 (App Router), React 19, TypeScript, Tailwind |
CMS | Payload CMS 3, Lexical rich text, custom blocks |
Data | PostgreSQL(Supabase), vector embeddings for RAG |
AI | LangChain, Anthropic, Cohere embeddings |
Infra | Digital Ocean, standalone Next output, CloudFlare, AWS S3 |
Quality | ESLint, Release-It (Versioning) |
og:image URLs.A single codebase that serves as my live portfolio, blog, and admin-backed marketing site — fast for visitors, manageable for me, and demonstrative of full-stack delivery: CMS design, frontend polish, AI integration, and production deployment.
Gallery
































































































Tell me about it — happy to scope, push back, or just compare notes.
Join with other 10 subscribers keeping up with my work