IvyyDev.se - ombyggnad för hastighet och SEO
Jag byggde om ivyydev.se från grunden med React, Vite, TypeScript och Tailwind. En enda SEOHead-komponent sköter nu meta-taggar, hreflang och JSON-LD, och den nya sajten kör ett centralt SEO-lager som ger varje sida samma standard och snabbare publicering.
Kort sagt
React + Vite + TypeScript med fokus på hastighet, SEO och ett tydligt publiceringsflöde. Resultat: Snabbare publicering, bättre SEO-standard och lägre CLS-värde på hela sajten.
1 vecka
Utvecklingstid
Solo-projekt
Samarbete
Lyckat
Resultat
100%
Kundnöjdhet
Utmaningen
Det gamla upplägget gjorde publicering långsam, spred SEO-inställningar över flera filer, och Lighthouse flaggade layoutskift (CLS) samt CSS som blockerade first paint.
Min lösning
Jag byggde en enda SEOHead-komponent för meta-taggar, canonical-URL, hreflang och JSON-LD, lade till Vites manualChunks och asynkron CSS-laddning, och fixade CLS genom att låta lazy-laddade sektioner reservera sin höjd i förväg.
Tekniska funktioner
Byggt med moderna tekniker och beprövade metoder för stabilitet och prestanda
Teknikstack
Moderna tekniker och ramverk för bra prestanda
Säkerhet och kvalitet
Byggt med säkerhetsrutiner och kvalitetssäkring
Ren arkitektur
Tydlig kodstruktur enligt branschpraxis
Prestanda
Optimerat för snabbhet, skalbarhet och användarupplevelse
Nyckel funktioner
SEOHead-komponent för meta, canonical, hreflang och JSON-LD
Struktur för blogg och portfolio
Snabb lokal dev-loop med Vite
Tekniker
Relaterade artiklar
Projektets resultat
Sajten publicerar nu snabbare, visar lägre CLS och TBT, och varje sida hämtar SEO-data från samma förutsägbara källa, vilket gör nya sidor snabbare att bygga.