Back
Year
2025
Tech & Technique
Next.js 15+, TypeScript, Tailwind CSS, Framer Motion, Sanity CMS, GROQ, Portable Text, Vercel
Description
Elixir is a sleek, high-performance personal portfolio and blog website built using Next.js 15+, TypeScript, and Tailwind CSS. Designed with developer experience in mind, it delivers fast-loading static content, smooth animations, and a headless blog system powered by Sanity CMS.
Key Features:
Technical Highlights:
Key Features:
- Portfolio Website: Lightning-fast and SEO-optimized with modular components
- Blog Integration: Built with Sanity.io and GROQ for flexible content management
- Responsive Design: Optimized for desktop, tablet, and mobile devices
- Animation Support: Smooth transitions via Framer Motion
Technical Highlights:
- Structured with Next.js App Router and layout/page architecture
- Blog posts fetched from Sanity CMS using GROQ queries and rendered with Portable Text
- Reusable components created with Tailwind CSS and TypeScript
- Integrated .env configuration for CMS credentials and API versioning
- Deployed on Vercel for fast global performance
My Role
Frontend Developer
Independently built and deployed a modern portfolio and blog site with integrated CMS capabilities.
Independently built and deployed a modern portfolio and blog site with integrated CMS capabilities.
- Designed responsive layouts and UI components using Tailwind CSS
- Connected Sanity CMS for blog content creation and live previews
- Wrote GROQ queries to fetch dynamic content efficiently
- Implemented animations and transitions with Framer Motion
- Handled CMS initialization, API setup, and Studio customization