Moje osobní stránka – můj první větší publikovaný projekt

Moje osobní stránka je jedním z mých prvních větších vývojářských projektů. Začal jsem ji vytvářet ve druhém ročníku školy a během stejného roku jsem ji také několikrát přepracoval a rozšířil.

Úplně první verze stránky vypadala výrazně jinak než ta současná. Jednalo se o jednoduchý statický web, který jsem postupně začal využívat také jako prostor pro zkoušení technologií a postupů, se kterými jsem se v průběhu vývoje seznamoval.

Od statického webu k ASP.NET Core

Největší změna přišla ve chvíli, kdy jsem se rozhodl stránku kompletně předělat pomocí ASP.NET Core. V té době jsem s ASP.NET Core pracoval také ve firmě, a proto jsem si řekl, že osobní stránku využiji jako další možnost, jak si tuto technologii procvičit a získat s ní více zkušeností.

Místo vytvoření dalšího malého cvičného projektu jsem tak mohl technologii použít na něčem, co skutečně používám. Z původně jednoduchého statického webu se proto postupně stal výrazně komplexnější projekt.

Návrh stránky

Před samotnou implementací jsem si stránku navrhl ve Figmě. Díky tomu jsem si mohl nejdříve promyslet její strukturu, rozložení jednotlivých částí a celkový vizuální směr.

Návrh jsem následně postupně převedl do skutečné webové stránky. Některé části původního návrhu se během času změnily, protože se měnily i moje zkušenosti a účel samotné stránky.

Technické SEO

Součástí projektu se stala také optimalizace pro vyhledávače. Zaměřil jsem se především na technické SEO a na to, aby vyhledávače dokázaly stránku správně procházet a indexovat.

Řešil jsem například generování sitemap.xml, metadata a další technické části potřebné pro správnou prezentaci stránky ve vyhledávačích.

Díky tomu jsem si mohl lépe vyzkoušet, že webová stránka není určena pouze pro uživatele, ale musí být zároveň správně strukturovaná i pro vyhledávače a další automatizované systémy.

Vlastní administrační panel

S postupným rozšiřováním stránky jsem vytvořil také vlastní administrační panel. Díky němu mohu spravovat obsah stránky, aniž bych musel při každé změně upravovat přímo zdrojový kód.

Přes administrační rozhraní mohu například přidávat a upravovat blogové příspěvky, projekty a další obsah, který se na stránce zobrazuje.

Vytvoření administrace mi zároveň umožnilo vyzkoušet si celý proces správy obsahu a neřešit pouze veřejnou část webu.

Česká a anglická verze

Protože jsem postupně začal více komunikovat a pracovat v angličtině, přestalo být dostačující mít osobní stránku pouze v češtině.

Stránku jsem proto rozšířil také o anglickou verzi. Bylo potřeba upravit strukturu webu a obsah tak, aby bylo možné stejné informace prezentovat v obou jazycích.

I v tomto případě se tak stránka postupně přizpůsobovala mým aktuálním potřebám, místo aby zůstala neměnným projektem.

Zabezpečení a údržba

Součástí vývoje stránky se postupně stalo také její zabezpečení. Protože je web veřejně dostupný a obsahuje vlastní administrační rozhraní, musel jsem řešit také ochranu samotné aplikace a administrace.

Přestože dnes stránku považuji za dokončený projekt, čas od času se k ní stále vracím a něco upravím nebo odstraním. Nedávno jsem například odstranil sekci se službami, protože služby, které jsem na stránce dříve nabízel, už v současnosti nenabízím.

Projekt je tedy z hlediska hlavního vývoje dokončený, ale stále prochází příležitostnou údržbou a menšími úpravami podle potřeby.

Moje první zkušenost s nasazením

Osobní stránka byla také prvním projektem, který jsem skutečně publikoval a zpřístupnil veřejnosti.

Kvůli tomu jsem si pořídil svůj první VPS a začal řešit infrastrukturu potřebnou pro provoz webové aplikace. Aplikaci jsem zabalil do Dockeru a připojil ji k PostgreSQL databázi.

Byl to pro mě důležitý krok, protože jsem si poprvé vyzkoušel celý proces od vývoje aplikace na vlastním počítači až po její nasazení na veřejně dostupný server.

Díky tomu jsem získal zkušenosti také se správou serveru, deploymentem, kontejnery, databázemi a praktickými problémy spojenými s provozem webové aplikace.

Můj první větší projekt

Tento projekt mám ve svém portfoliu především proto, že představuje důležitý bod v mém vývoji jako programátora.

Byl to můj první větší projekt, ve kterém se spojilo několik různých oblastí vývoje do jedné aplikace. Neřešil jsem pouze samotný frontend, ale také backend, databázi, administrační rozhraní, deployment, SEO, zabezpečení a infrastrukturu.

Zároveň má projekt stále řadu nedostatků. Kdybych stránku vytvářel dnes, mnoho věcí bych řešil jinak, protože jsem se od jejího původního vývoje výrazně posunul.

Co bych dnes udělal jinak

Kdybych projekt začínal dnes, věnoval bych více pozornosti především vizuální stránce webu. Pravděpodobně bych se více zaměřil na atraktivnější uživatelské rozhraní a zvážil bych použití modernějšího frameworku, například Next.js.

Některá architektonická a implementační rozhodnutí bych také vzhledem k dnešním zkušenostem řešil jiným způsobem.

Současná stránka ale stále plní svůj hlavní účel. Mohu na ní prezentovat své projekty, publikovat blogové příspěvky a udržovat informace o své práci.

Výsledek

Moje osobní stránka se výrazně změnila od jednoduchého statického webu, který jsem vytvořil ve druhém ročníku školy. Postupně se z ní stala aplikace postavená na ASP.NET Core s vlastním administračním panelem, PostgreSQL databází, dvojjazyčným obsahem, technickým SEO, zabezpečením a Dockerovým deploymentem.

Ještě důležitější pro mě ale bylo, že se jednalo o první projekt, který jsem skutečně nasadil na vlastní server a zpřístupnil veřejnosti. Díky němu jsem si mohl prakticky vyzkoušet celý životní cyklus webové aplikace – od návrhu a vývoje až po deployment, zabezpečení a údržbu.

Přestože bych dnes mnoho částí projektu vytvořil jinak, stále ho považuji za důležitou součást svého portfolia. Představuje totiž začátek mé práce na větších a reálně nasazených webových projektech.