Redesign mé osobní webové stránky

Po roce s původní verzí svého webu jsem si řekl dost. Začal mě nudit, viděl jsem na něm designové i kódové antipatterny a celkově už neodpovídal tomu, co dnes umím. Tak jsem si sedl, otevřel Figma a rozhodl se to celé udělat pořádně – od nuly, modernější a s novými funkcemi.

Nešlo mi jen o to, aby web dobře vypadal. Chtěl jsem ho pojmout i jako technický projekt, kde si vyzkouším a procvičím různé technologie a DevOps postupy, které používám i na jiných svých webech.

Linux VPS a technologie

Všechno běží na Linuxu na mém vlastním VPS, kde mám už několik dalších webů.
Backend je napsaný v ASP.NET Core (C#), frontend klasicky v HTML, CSS, JavaScriptu doplněném o jQuery. Zvažoval jsem i React, ale vzhledem k tomu, jaký web stavím, by jeho výhody byly minimální – ten si nechávám pro jiné projekty. Databázi mám v PostgreSQL, protože je spolehlivá, rychlá a bez problémů funguje na mém stacku.

Architektura a struktura projektu

Jelikož be struktury to není ono, tak jsem se držel MVC modelu a použil N-layer architekturu. API controllery obsluhují dynamické části webu, takže není problém oddělit logiku od prezentace.

Web má dvě hlavní části:

• Veřejná část –klasická prezentační stránka s blogem, optimalizovaná pro SEO
• Dashboard (admin) –správa obsahu, projektů, blog příspěvků, formulářů, autorizace

Design

Celý vzhled jsem si navrhl ve Figma. Moje oblíbená kombinace tmavě fialové a tmavě modré dala webu vlastní charakter.
Chtěl jsem, aby design působil moderně, ale zároveň byl funkční a nezahlcoval uživatele. Starý web byl statický a technologicky zastaralý – teď je to dynamický projekt, kde si můžu vyzkoušet technologie, co normálně používám v produkci.

Seo

Hned od začátku jsem myslel na SEO – mám implementované OG tagy, strukturovaná data a řešil jsem rychlost načítání. Chci, aby web byl nejen hezký na oko, ale i dobře dohledatelný a techicky vyladěný.

DevOps v praxi

Celý projekt je tak trochu můj DevOps playground.

• GitHub Actions – mám nastavený automatický build a nasazení na VPS.
• Vlastní VPS infrastruktura – hostuju tam víc webů, takže musím mít vše oddělené a spravované.
• Docker Compose – snadné nasazení a izolace služeb.

Co plánuji dál?

Projekt ještě není úplně uzavřený – mám v plánu ho časem rozšířit o další funkce a nástroje. Z hlavy mě napadá například integrace Grafany, systém logování a alertů, přidání newsletteru nebo automatického zálohování. Už se mu ale nebudu věnovat tak intenzivně, protože chci věnovat čas i dalším projektům.

Celý tento web pro mě slouží hlavně jako živá vizitka mých dovedností. Cíl, který jsem si na začátku stanovil, je tedy splněný – mám moderní, funkční a technicky propracovanou osobní stránku, která ukazuje, co umím.