Portfolio Template V2
A high-end portfolio template built with Next.js, Shadcn UI, and Framer Motion, featuring an integrated MDX blog.
Overview
Designed a highly polished interface using Radix UI primitives and Shadcn components.
Integrated the native View Transitions API for seamless, app-like page navigation.
Developed a custom MDX blog system to write and manage content seamlessly.
Key Challenges:
- •Creating accessible, highly interactive components without sacrificing performance.
- •Harmonizing complex animations with the native View Transitions API.
Built With
Next.js
Framework
React
Frontend Library
Tailwind CSS
Styling
Framer Motion
Animation
TypeScript
Language
Vercel
Deployment
Key Features
Seamless Navigation
Utilizes Next.js view transitions for uninterrupted page changes.
Sophisticated Animations
Framer Motion powers scroll reveals, hover effects, and layout shifts.
MDX Blog Integration
Write blog posts using Markdown enriched with interactive React components.
Accessible UI Components
Built upon Radix UI and Shadcn for robust accessibility and beautiful aesthetics.
Visual Showcase
Development Journey
Design & UI System
- Configured Shadcn UI and typography tokens
- Designed the overall aesthetic and layout structure
Core Development
- Built Next.js pages and implemented view transitions
- Integrated MDX blog processing and rendering
- Added Framer Motion animations across components
Polish
- Ensured WCAG accessibility standards
- Optimized assets and deployed to Vercel
Looking for a Full-Stack Developer?
I'm actively seeking opportunities to join a great team and contribute to exciting products. Drop me a message!