Portfolio Website
Portfolio with live Spotify integration and automated deployments.
Architecture
Spotify API integration fetches listening data daily via Python scripts. GitHub Actions runs the pipeline, commits JSON, triggers Vercel deployment.
Spotify API → Python → GitHub Actions → JSON → Vercel DeployKey Features
Live Spotify Integration
Real-time display of top artists, tracks, and daily favorites fetched via Python scripts.
Automated Deployments
GitHub Actions workflow updates Spotify data daily and triggers Vercel deployment automatically.
Server Components
Built with Next.js 15 App Router and React 19 Server Components for optimal performance.
SEO Optimized
Static generation, semantic HTML, and metadata optimization for search engine visibility.
Technical Details
Frontend Stack
Built with Next.js 15 App Router and React 19 Server Components.
TypeScript strict mode with Tailwind CSS for styling. Vercel Analytics for performance monitoring.
Deployment Pipeline
Automated via GitHub Actions with daily Spotify data refresh.
Vercel auto-deployment on every push with preview environments for pull requests.
Impact & Results
Showcasing professional projects and technical expertise through a modern, performant web presence with automated content updates
Key Achievements
Built with Next.js 15 App Router, React 19 Server Components, and TypeScript strict mode
Implemented live Spotify data display with Python scripts fetching top artists, tracks, and daily favorites
Created GitHub Actions workflow for daily automated Spotify data updates with secure secrets management
Configured auto-deployment on Vercel with preview URLs per PR for development workflow
Technical Highlights
- • Modern Next.js 15 with App Router
- • React 19 Server Components
- • Automated CI/CD pipeline
- • Real-time data integration
- • Performance monitoring
- • SEO optimization