Jak zbudowałem takastro.pl – od zera, bez CMS, z AI i własnym backendem

Dlaczego porzuciłem WordPressa na rzecz własnego kodu?

Przez ostatnie lata zbudowałem wiele stron opartych na WordPressie – od bloga shen-ti.pl/poczytaj (case study, moja pierwsza strona w 2023 roku), przez projekty komercyjne jak manualny.pl (case study) czy psikomfort.pl (case study), aż po bardziej rozbudowane realizacje. Każda z nich uczyła mnie czegoś nowego, ale też odsłaniała ograniczenia popularnego CMS-a: konflikty wtyczek, spowolnienia, brak pełnej kontroli nad każdym fragmentem kodu.

Eksperymentowałem z hybrydami – lekką stroną SPA pobierającą dane z WordPressa przez API. Takie rozwiązanie zastosowałem m.in. w projekcie dla stowarzyszenia Familia Czeladź. Efekty były świetne – szybkość i łatwość edycji – ale cały czas czułem, że chcę pójść dalej. Chciałem strony, która będzie w 100% moja, bez zależności od wtyczek i aktualizacji.

Z perspektywy ponad 40 lat w IT i setek zrealizowanych projektów, dojrzałem do decyzji: kolejny projekt – moja wizytówka jako eksperta – powstanie w czystym kodzie. Tak narodziło się takastro.pl.

Architektura: klient-serwer od podstaw

takastro.pl to nie jest zwykła strona wizytówkowa. To w pełni funkcjonalna aplikacja webowa z wyraźnym podziałem na frontend i backend. Frontend to wszystko, co widzi użytkownik – responsywny design, animacje, interaktywne elementy. Backend wykonuje zadania, których nie widać gołym okiem: przetwarza zapytania, komunikuje się z bazą danych, generuje wyniki dla zaawansowanych narzędzi.

Wybrałem architekturę klient-serwer podobną do tej, którą z sukcesem wdrożyłem w systemie Gabito – opartą na nowoczesnych frameworkach. Serwerowa część zapewnia bezpieczeństwo i wydajność, a klient (przeglądarka) dba o płynność i natychmiastową reakcję. Dzięki temu strona ładuje się błyskawicznie, a narzędzia działają bez opóźnień.

Z mojego doświadczenia: brak pośrednika w postaci CMS-a pozwolił mi zoptymalizować każdy zapis do bazy i każdy endpoint API. Efekt? Lighthouse notuje wyniki w zielonych strefach, a Core Web Vitals spełniają najostrzejsze normy Google.

Frontend i backend – co tak naprawdę się dzieje pod maską?

Od strony technicznej frontend to nie tylko HTML i CSS. To JavaScript zarządzający stanem aplikacji, dynamicznym ładowaniem treści i interakcją z użytkownikiem. Wszystkie podstrony – informacje o mnie, oferta szkoleń, opis usług – są generowane po stronie serwera lub klienta bez przeładowania strony (SPA).

Backend to szkielet aplikacji. Odpowiada za logikę biznesową, autoryzację, przetwarzanie danych. To w nim zaimplementowałem mechanizmy sztucznej inteligencji, które analizują strony internetowe zgłaszane przez użytkowników. To właśnie tutaj odbywa się „ciężka praca”, niewidoczna dla odwiedzających.

Jako trener i praktyk LLM-ów, duży nacisk położyłem na integrację AI. Nie chodziło o gadżet – chodziło o realną automatyzację. Dziś część narzędzi na stronie wykorzystuje modele językowe do analizy treści, sprawdzania SEO czy nawet generowania rekomendacji.

Narzędzia webowe – darmowe, zaawansowane, z AI

Sercem takastro.pl są narzędzia webowe. To nie są proste kalkulatory – to rozbudowane aplikacje wykonujące złożone zadania. Kiedy użytkownik wchodzi w zakładkę Bezpłatne narzędzia web, uruchamia proces, który angażuje zarówno przeglądarkę, jak i serwer.

Przykład? Analiza strony pod kątem SEO w module Narzędzia SEO. Frontend zbiera adres URL, wysyła do backendu, a tam specjalny moduł – korzystający z AI – skanuje treść, strukturę nagłówków, znaczniki meta i zwraca raport. Inne narzędzia badają wydajność, bezpieczeństwo SSL czy wykorzystanie danych strukturalnych. Wszystko w czasie rzeczywistym.

Co ważne, część z tych mechanizmów uczy się na podstawie zebranych danych – to uczenie maszynowe w wersji minimum, ale dające wymierne korzyści. Dzięki temu moje portfolio stało się czymś więcej niż statyczną wizytówką – to żywy ekosystem dla webdeveloperów.

Ewolucja: od prostego bloga do zaawansowanej platformy

Moja przygoda ze stronami zaczęła się w 2023 roku od bloga o terapiach manualnych (wspomniany wcześniej shen-ti.pl, case study). Tam po raz pierwszy wykorzystałem AI do generowania treści – ponad 200 artykułów – i szybko zrozumiałem, że nawet najlepszy model wymaga ludzkiej korekty. Potem przyszły kolejne projekty WordPressowe, hybrydy SPA, aż wreszcie w pełni autorski system Gabito i ta strona – takastro.pl.

Ta ścieżka pokazuje naturalną progresję: od polegania na gotowcach, przez mieszanie rozwiązań, po pełną kontrolę nad kodem. Każdy etap był potrzebny. Bez doświadczeń z WordPressem nie doceniłbym wolności, jaką daje własny kod. Bez hybryd nie wiedziałbym, jak efektywnie łączyć frontend z backendem.

Dziś, tworząc takastro.pl, czuję, że wreszcie pracuję na własnych warunkach. Wszystko – od design systemu, przez optymalizację zapytań, po integrację AI – leży w moich rękach. I to jest największa wartość.

Wnioski i rekomendacje dla innych twórców

Czy każdy powinien porzucić WordPressa? Absolutnie nie. Dla wielu projektów – prostych wizytówek, blogów, małego e-commerce – CMS wciąż jest najlepszym wyborem. Sam prowadzę strony klientów na WordPressie i nie zamierzam z tego rezygnować.

Jeśli jednak myślisz o stronie, która ma być wizytówką twoich umiejętności programistycznych, która ma integrować zaawansowane narzędzia lub AI, warto rozważyć własny kod. Koszty początkowe są wyższe, ale zyskujesz przewagę konkurencyjną – szybkość, bezpieczeństwo i dowolność funkcjonalną.

Z mojej praktyki: nie zaczynaj od zera od razu. Przejdź ścieżkę, którą przeszedłem ja – najpierw zrozum CMS, potem pobaw się w hybrydy, zbuduj pierwsze API, a dopiero potem ruszaj z pełnym stackiem. To proces, który procentuje.

Jeśli interesują Cię podobne wdrożenia, zapraszam do lektury case study gabito.eu – SPA od zera, AI i dostępność, gdzie krok po kroku opisałem budowę jeszcze większej aplikacji. A jeśli chcesz samodzielnie przetestować możliwości AI w analizie stron, zajrzyj do moich bezpłatnych narzędzi webowych.