Automatic AI — ta strona — portfolio

O projekcie

Nasza własna strona traktowana jak wdrożenie dla klienta: pełny eksport statyczny Next.js bez zaplecza, autorski system designu „Volt”, generatywne wizuale rysowane kodem i blog techniczny na MDX.

Za kulisami pracuje potok, który sami byśmy komuś sprzedali. Każda zmiana przechodzi przez zestaw kontroli uruchamianych przy budowaniu strony: budżet wagi liczony osobno dla każdej podstrony, kontrola dostępności i subsetów fontów, polityka bezpieczeństwa z hashem każdego skryptu, zgodność mapy strony z adresami kanonicznymi i testy dymne przechodzące każdy odnośnik w serwisie.

Najbardziej nietypowy element to audyt mutacyjny. Kontrola, która niczego nie znajduje, wygląda dokładnie tak samo jak kontrola, która niczego nie obejmuje — więc każdy strażnik ma przypisaną mutację: celowe zepsucie dokładnie tej jednej rzeczy, której pilnuje. Jeśli po zepsuciu build nadal przechodzi, kontrola jest deklaracją, nie kontrolą. Ten audyt znalazł u nas realną dziurę: polityka bezpieczeństwa sprawdzała zgodność hashy, ale nie samą politykę, więc rozszczelnienie jej jednym słowem kluczowym przechodziło na zielono.

Serwis ma też drugą, kompletną implementację: motyw WordPressa generowany z tego samego builda, razem z treścią, arkuszem stylów i szablonami. Powstał po to, żeby dało się oddać klientowi stronę w narzędziu, które zna — a osobny strażnik pilnuje, żeby obie wersje nie rozjechały się ani w treści, ani w nagłówkach bezpieczeństwa.

Problem

Wizytówka firmy od automatyzacji nie może być ciężkim szablonem — musi sama pokazywać jakość pracy zespołu. A „pokazywać jakość” znaczy w praktyce: dać się sprawdzić. Deklaracja o dbaniu o wydajność i dostępność jest warta tyle, co każda inna deklaracja na stronie usługowej.

Rozwiązanie

Statyczna strona, w której o jakości nie decyduje czyjaś staranność w danym dniu, tylko zestaw kontroli zatrzymujących publikację. Budżet wagi, dostępność, polityka bezpieczeństwa, długość treści i spójność obu implementacji są sprawdzane maszynowo przy każdej zmianie, a same kontrole są regularnie psute na próbę, żeby wiedzieć, że działają.

Funkcje

pełna statyka: zero backendu, zero cookies, zero zewnętrznych originów
system designu „Volt” z animacjami bez bibliotek
blog techniczny na MDX z generatywnymi coverami rysowanymi kodem
budżet wagi liczony osobno dla każdej podstrony — HTML, CSS i JavaScript razem
polityka bezpieczeństwa bez „unsafe-inline”: hash każdego skryptu wbudowanego liczony w buildzie
każda podstrona działa bez JavaScriptu — nagłówek, nawigacja i treść
audyt mutacyjny: każdy strażnik ma mutację, która sprawdza, czy naprawdę pilnuje
druga implementacja jako motyw WordPressa, generowana z tego samego builda