The Dual Persona Portfolio is a modern and interactive personal website template built to support two distinct user identities—one professional and one creative. Originally designed as a general-purpose portfolio, it evolved into a dynamic tool for individuals who want to showcase both technical and content-creator personas in a single experience.
Powered by Next.js (App Router), styled with TailwindCSS, and backed by Sanity CMS, the template provides flexibility and scalability for dynamic content updates. It uses TypeScript for code robustness, Framer Motion for smooth animations, and shadcn/ui for accessible UI components.
A key feature of the template is its persona toggle: it cleanly separates sections like Resume, Experience, and Skills from streaming-specific features like live Twitch integration, VODs, and Clips—making it perfect for professionals who also build audiences online.
- Dual Personas: Seamlessly switch between a professional portfolio and a streamer/content creator profile.
- Twitch Integration: Pulls in live streams, recent VODs, and Clips via the Twitch API.
- Content Management: Sanity CMS powers all dynamic content, from bios to events and media.
- Modern Stack: Built with the latest Next.js App Router, using SSR and static generation for performance.
- UI & Animation: Built with Framer Motion and shadcn/ui for a polished, accessible, and animated user experience.
This template is currently live at cindynphan.com
