Glow & Serenity to strona internetowa premium dla salonu spa i urody, zbudowana z myślą o tym, by właściciele biznesu mieli pełną kontrolę nad treścią — bez angażowania programisty. Problem był klasyczny: klienci czekają tygodniami na zmianę numeru telefonu, aktualizację cennika czy podmianę zdjęcia. Celem było całkowite wyeliminowanie tej zależności.
Stack technologiczny opiera się na Next.js z App Routerem zapewniającym renderowanie po stronie serwera, w połączeniu z Sanity.io jako headless CMS. To połączenie sprawia, że frontend pozostaje szybki i przyjazny dla SEO, a jednocześnie osoby bez wiedzy technicznej mają dostęp do przejrzystego i intuicyjnego panelu edycji w Sanity Studio. Całość jest wdrożona na Vercelu, co upraszcza pipeline i gwarantuje wysoką wydajność.
Treść podzielona jest na dziesięć odrębnych typów — od sekcji hero i listy usług, przez opinie klientów, dane kontaktowe, aż po stopkę strony — co oznacza, że każdy widoczny element można edytować bez dotykania kodu. Kluczowym wyróżnikiem jest Presentation Tool od Sanity, który umożliwia wizualną edycję w kontekście strony. Osoby zarządzające treścią mogą kliknąć bezpośrednio na dowolny element w podglądzie na żywo, wprowadzić zmiany i natychmiast zobaczyć efekt przed publikacją. Tryb roboczy dodaje dodatkową warstwę bezpieczeństwa — zespół może przejrzeć aktualizacje, zanim trafią na produkcję.
Pod kątem wydajności strona osiąga 95+ punktów w Lighthouse w kategoriach performance, dostępność i SEO. Obrazy przechodzą przez pipeline optymalizacyjny Sanity z automatyczną konwersją do WebP, ścieżki są automatycznie dzielone na fragmenty kodu, a Incremental Static Regeneration sprawia, że aktualizacje treści są błyskawiczne bez pełnych przebudowań. Strona jest też w pełni zgodna ze standardem WCAG 2.1 AA — obsługuje nawigację klawiaturą, czytniki ekranu oraz spełnia wymogi kontrastu kolorów.
Z perspektywy programisty projekt jest zbudowany w całości w TypeScript, co zapewnia bezpieczeństwo typów dla schematów treści i minimalizuje niespodzianki w czasie działania aplikacji. Zapytania GROQ pobierają ustrukturyzowane dane z Sanity w czytelny sposób, a architektura komponentowa ułatwia rozbudowę projektu wraz z rozwojem biznesu.
Wyniki mówią same za siebie: czas aktualizacji treści skrócił się o około 95%, czas ładowania strony znacząco się poprawił względem poprzedniego CMS-a klienta, a co najważniejsze — od momentu wdrożenia żadna prośba o zmianę treści nie trafia do programisty.
Glow & Serenity to czytelny przykład tego, jak powinno wyglądać nowoczesne tworzenie stron dla firm usługowych: system naprawdę potężny od środka, ale odczuwalnie prosty dla ludzi, którzy go na co dzień używają.
Dzięki takiemu podejściu, treść można dostosować do każdego typu biznesu, bez konieczności ingerencji programisty. Klient jest niezależny.