Tvorba tohoto webu
Úvod
Tato stránka vznikla především proto, abych mohl představit své projekty a seznámit návštěvníky s mými pracemi. Od samého začátku jsem věděl, že ji chci vyvíjet v Next.js, TypeScriptu a Tailwindu – stejně jako většinu svých projektů.
Přístup a vývoj
Na začátku jsem měl jasnou představu o tom, jak by měl web vypadat a fungovat. Jak jsem ale na projektu pracoval, postupně se ta představa měnila – přišel jsem na lepší řešení, díky kterým jsem mohl původní nápad výrazně vylepšit. Nakonec jsem vytvořil web, který je nejen rychlý, ale také snadno použitelný, což potvrzují i skvělé výsledky na PageSpeed Insights.
Technologie a optimalizace
Pro posty a projekty využívám slug, většinu obsahu mám předgenerovanou jako
statický HTML pomocí funkcí jako
Také jsem se naučil předrenderovat obrázky pomocí knihovny Sharp, o čemž píšu více v mém příspěvku Proč mě zaujal Next.js? .Jeden z problémů, se kterým jsem se při samostatné tvorbě stylování setkal, byla nutnost ladit barvy zvlášť pro Dark a Light // mode ale nakonec jsem si poradil. Další komplikace nastala při použití Reactu v19 a Next.js 15, kdy Next.js požadoval awaitování params, což mi způsobilo nefunkčnost některých částí aplikace. Ani ChatGPT mi v této situaci nedokázal pomoci. Nakonec jsem po dlouhém hledání narazil na řešení díky uživateli night-fury-3 , který na GitHubu popsal správný postup.
Závěr
Celkově jsem při vývoji tohoto webu získal mnoho zkušeností, ať už v oblasti optimalizace výkonu, přístupnosti či jednoduchosti designu.