Wybrane realizacje

Problem

Umawianie zajęć, odwoływanie ich i rozliczanie godzin prowadzone w wiadomościach i arkuszach rozjeżdża się przy kilkunastu uczniach. Nikt nie wie, która wersja grafiku jest aktualna, a rozliczenie na koniec miesiąca trzeba odtwarzać z historii czatu.

Rozwiązanie

Aplikacja z osobnymi kontami ucznia i korepetytora, wspólnym kalendarzem zajęć i panelem rozliczeń. Uprawnienia sprawdzane są po stronie serwera, więc każdy widzi wyłącznie własne dane. Stan zajęć i rozliczeń jest jednym źródłem prawdy zamiast rozproszonych notatek.

Najważniejsze funkcje

• Konta uczniów i korepetytorów z rozdzielonymi uprawnieniami
• Kalendarz zajęć z rezerwacją i odwoływaniem terminów
• Panel rozliczeń liczący przepracowane godziny
• Relacyjna baza danych z migracjami schematu

Technologie

• Next.js
• TypeScript
• PostgreSQL
• Autoryzacja i role

Problem

Gra, w której stan rozgrywki żyje w przeglądarce, jest trywialna do oszukania. Wystarczy zmienić wartość w konsoli, żeby zdobyć przewagę, a wynik przestaje cokolwiek znaczyć.

Rozwiązanie

Cała logika i stan rozgrywki utrzymywane są po stronie serwera. Przeglądarka wysyła wyłącznie zamierzone ruchy, a serwer weryfikuje, czy dany ruch jest w ogóle dozwolony, i odsyła nowy stan. Ten sam wzorzec stosuje się wszędzie tam, gdzie nie można ufać danym z klienta.

Najważniejsze funkcje

• Autorytatywny stan rozgrywki po stronie serwera
• Walidacja każdego ruchu przed jego zastosowaniem
• Komunikacja przez API zamiast logiki w przeglądarce
• Odporność na modyfikacje po stronie klienta

Technologie

• Next.js
• TypeScript
• Stan po stronie serwera
• API

Problem

Strona firmy, która sprzedaje między innymi SEO i wydajność, musi sama spełniać to, co obiecuje. Inaczej pierwszy audyt wykonany przez klienta kończy rozmowę.

Rozwiązanie

Strona generowana statycznie, z pełnym grafem danych strukturalnych powiązanym przez @id, kanonicznymi adresami bez prefiksu językowego, plikiem llms.txt dla modeli AI oraz statycznymi sekcjami FAQ, które są w kodzie strony niezależnie od JavaScriptu.

Najważniejsze funkcje

• Schema.org: ProfessionalService, Person, Organization, Service, FAQPage
• Dwie wersje językowe bez duplikowania adresów
• Formularz kontaktowy ze zgodą RODO walidowaną po obu stronach
• Mapa witryny i robots.txt generowane z kodu

Technologie

• Next.js
• TypeScript
• Tailwind CSS
• next-intl
• JSON-LD