· Szymon Berski · Portfolio  · 4 min czytania

GotowySMS: Autorski CMS i warstwa front-end

Statyczna strona z gotowymi tekstami życzeń i szablonami SMS, zasilana z autorskiego CMS-a na Laravel 13 + FilamentPHP. Architektura odporna na sezonowe skoki ruchu.

Statyczna strona z gotowymi tekstami życzeń i szablonami SMS, zasilana z autorskiego CMS-a na Laravel 13 + FilamentPHP. Architektura odporna na sezonowe skoki ruchu.

GotowySMS.pl: Platforma z szablonami SMS

Przegląd projektu

GotowySMS.pl to platforma oferująca gotowe teksty życzeń i szablony SMS na różne okazje — święta, urodziny, imieniny, rocznice. Odpowiadałem za stworzenie layoutu, zaprojektowanie front-endu oraz rozwój autorskiego CMS-a dla backendu. Projekt jest nadal aktywnie rozwijany i w ostatnim czasie przeszedł głęboką przebudowę technologiczną.

Kontekst biznesowy: życzenia i sezonowy ruch

GotowySMS.pl nie jest typową “listą SMS-ów” — to baza gotowych tekstów życzeń i wiadomości okolicznościowych, używanych głównie przez osoby szukające dopracowanej treści do szybkiego skopiowania. Specyfika niszy generuje wyraźnie sezonowy ruch — okresy przedświąteczne (Boże Narodzenie, Wielkanoc, Dzień Matki) przynoszą wielokrotne wzrosty odwiedzin z wąskim oknem konwersji.

Ta charakterystyka bezpośrednio wpłynęła na decyzje architektoniczne — platforma musi wytrzymać nagłe peak’i ruchu bez obciążania bazy danych ani zaplecza.

Platforma GotowySMS.pl

Projekt layoutu

Pierwszym krokiem było zaprojektowanie layoutu, który byłby zarówno atrakcyjny wizualnie, jak i funkcjonalny. Celem było stworzenie czystego, nowoczesnego designu ułatwiającego przeglądanie i wybieranie szablonów SMS. Wszystkie elementy, od menu nawigacyjnego po obszary wyświetlania treści, zostały intuicyjnie rozmieszczone.

Rozwój front-endu

Po finalizacji layoutu, skupiłem się na rozwoju warstwy front-end z wykorzystaniem nowoczesnych technologii webowych. Front-end został zaprojektowany jako responsywny, zapewniając prawidłowe wyświetlanie na wszystkich urządzeniach. Zaimplementowałem elementy interaktywne, takie jak wyszukiwarka i filtry kategorii, ułatwiające użytkownikom szybkie znajdowanie potrzebnych szablonów.

Niestandardowy CMS

Do zarządzania treścią na GotowySMS.pl stworzyłem autorski CMS dostosowany do potrzeb platformy. System pozwala administratorom łatwo dodawać, edytować i kategoryzować szablony życzeń, zapewniając elastyczność w zarządzaniu rosnącą bazą treści. CMS zawiera również funkcje zarządzania interakcjami użytkowników.

Ewolucja stacka: od czystego PHP do Astro + Laravel 13

Projekt przeszedł trzy fazy technologiczne w ciągu swojego życia:

  1. Czysty PHP (start projektu). Pierwsza wersja była klasyczną stroną PHP renderowaną po stronie serwera — templatki zaczynały się od czegoś w stylu require_once $_SERVER['DOCUMENT_ROOT']."/config/db.php";, a każda podstrona uderzała bezpośrednio do bazy przy każdym requestcie. Wszystko wydawało się mocno skomplikowane, a optymalizacja zapytań SQL była ciągłym tematem, żeby strona nie ładowała się zbyt wolno przy większym ruchu. Do tego na froncie modne w tamtych czasach jQuery i biblioteki wymagane przez stary Bootstrap dokładały sporo JS — każdy kilobajt liczył się w Lighthouse. Suma tych czynników sprawiła, że całkowita przebudowa stała się bardziej racjonalną opcją niż kolejne łatanie.
  2. InfyOm Laravel Generator. Migracja do InfyOm dała skok produktywności — generator CRUD-ów oparty o Laravela zbudował kręgosłup panelu w kilka dni zamiast tygodni. Pozwoliło to wzbogacić CMS o funkcje, na które wcześniej brakowało czasu.
  3. Laravel 13 + FilamentPHP + Astro 6 (obecnie). Ostatnia przebudowa rozdzieliła warstwy: Laravel 13 z FilamentPHP jako panel CMS (spójny, dopracowany UI admina out-of-the-box), Astro 6 jako statyczny front-end konsumujący treść z API. Do tego Spatie Permissions dla ról redakcyjnych i Sanctum dla uwierzytelniania API. Panel obsługuje też zarządzanie redirectami (301/302) z poziomu UI — wcześniej każda zmiana URL-a wymagała ręcznej edycji .htaccess, dziś redakcja robi to sama w dwa kliknięcia, bez angażowania developera.

Architektura: statyczny front, baza tylko podczas deploya

Kluczowa decyzja obecnej wersji to generowanie stron statycznych przez API Laravela podczas build’u Astro. W praktyce oznacza to trzy rzeczy:

  • Runtime użytkownika → zero zapytań do bazy. Każdy odwiedzający dostaje wstępnie wyrenderowane HTML z CDN — nawet tysiące jednoczesnych requestów nie dotykają Laravela ani MySQL.
  • Baza danych odzywa się tylko przy build/deploy. Gdy redakcja doda nowe życzenia w FilamentPHP, webhook triggeruje build Astro → pobiera aktualną treść z API → generuje statyczne pliki → wrzuca na CDN.
  • Sezonowe peak’i są nieszkodliwe. Skalowanie sprowadza się do CDN, który jest praktycznie nieograniczony — zamiast stresować się o wydolność bazy w Wigilię, można spokojnie śledzić wykresy ruchu.

To podejście — statyczna generacja z headless CMS na Laravelu — jest jedną z najwydajniejszych architektur dla stron z cyklicznie zmienną treścią i gwałtownymi skokami ruchu.

Efekt końcowy: platforma działa stabilnie również w świątecznych peakach, z dobrymi wynikami w Core Web Vitals — rezultat, który na starym monolitycznym stacku PHP z jQuery i Bootstrapem byłby trudny do osiągnięcia bez agresywnego cache’owania i regularnego stresowania się o wydolność serwera.

Stos technologiczny

GotowySMS.pl łączy nowoczesny statyczny front-end z autorskim CMS-em opartym na Laravelu:

Astro

Generator stron statycznych produkujący ultraszybki HTML — idealny pod SEO i Core Web Vitals.

TypeScript

Statyczne typowanie w warstwie aplikacyjnej — bezpieczniejszy refactoring i mniej błędów runtime.

UnoCSS

Utility-first silnik CSS generujący tylko używane klasy, bez zbędnego balastu.

Laravel 13

Framework PHP napędzający autorski CMS — zarządzanie szablonami życzeń, rolami redakcyjnymi i API dostarczającym treść do statycznego front-endu.

FilamentPHP 5

Panel administracyjny zbudowany na Filamencie — szybki, spójny UI dla redakcji, bez konieczności pisania własnego interfejsu admina od zera.

PHP 8.3

Nowoczesny PHP z typowaniem po stronie serwera — fundament dla logiki CMS-a i integracji z API.

Podsumowanie

Rozwój GotowySMS.pl był kompleksowym projektem łączącym kreatywny design z wiedzą techniczną. Tworząc atrakcyjny layout, responsywny front-end i niestandardowy CMS, dostarczyłem platformę skutecznie służącą użytkownikom szukającym gotowych szablonów SMS.

Powrót do portfolio

Powiązane wpisy

Czytaj więcej
Katalog części i akcesoriów

Katalog części i akcesoriów

Katalog części OEM do VW Polo 6R oparty na headless CMS. Frontend Astro SSG, Vue 3, backend Laravel REST API, panel Filament, tłumaczenia DeepL i opisy AI.

Spoko Design System

Spoko Design System

Open source'owy Design System oparty na Astro z komponentami Vue 3 i stylami UnoCSS. Opublikowany jako pakiet npm z dokumentacją i biblioteką komponentów.

Instrukcja obsługi VW Polo 6R

Instrukcja obsługi VW Polo 6R

Wirtualna instrukcja obsługi VW Polo 6R jako PWA. Ciemny motyw i wyszukiwarka zapewniają łatwy dostęp do kluczowych informacji o pojeździe.