IvyyDev Website Rebuild - Speed, SEO, and Maintainability
I rebuilt ivyydev.se from the ground up with React, Vite, TypeScript, and Tailwind. A single SEOHead component now handles meta tags, hreflang, and JSON-LD, and the new build runs a central SEO layer that gives every page consistent defaults and faster publishing.
TL;DR
React + Vite + TypeScript rebuild focused on speed, SEO, and a clean publishing workflow. Result: Faster publishing, better SEO defaults, and a lower CLS score across the site.
1 week
Development time
Solo project
Collaboration
Success
Project outcome
100%
Client satisfaction
The challenge
The previous setup slowed down publishing, spread SEO settings across multiple files, and Lighthouse flagged layout shift (CLS) plus CSS that blocked the first paint.
My approach
I built one SEOHead component to handle meta tags, canonical URLs, hreflang, and JSON-LD, added Vite manual chunks and async CSS loading, and fixed CLS with lazy-loaded sections that reserve their height in advance.
Technical features
Built with modern technologies and best practices for reliability and performance
Technology stack
Modern technologies and frameworks for optimal performance
Security and quality
Built with security best practices and quality assurance
Clean architecture
Well-structured codebase following industry standards
Performance
Optimized for speed, scalability, and user experience
Key features
SEOHead component for meta, canonical, hreflang, and JSON-LD
Blog and portfolio content structure
Fast local dev loop with Vite
Technologies used
Related articles
Project impact
The site now publishes faster, reports lower CLS and TBT, and every page pulls SEO data from the same predictable source, which makes new pages quicker to ship.