Jak powstawał blog AI Coding: changelog jako historia produktu
Kulisy kolejnych iteracji nad blogiem technologicznym: architektura React/Vite, publikacje, newsroom AI, slider video, integracje Google, SEO oraz decyzje UX, które zmieniają prosty blog w pełniejszy produkt redakcyjny.
Projekt zaczął się jako statyczne SPA oparte o React 19, TypeScript, Vite i Tailwind CSS v4. Najważniejszą decyzją architektoniczną było rozdzielenie treści artykułów od komponentów interfejsu. Dzięki temu blog nie stał się jedną dużą stroną z ręcznie wpisanym HTML, tylko uporządkowaną aplikacją, w której dane, layout, routing i typy mają osobne odpowiedzialności.
HashRouter został wybrany z myślą o GitHub Pages, aby bezpiecznie obsługiwać bezpośrednie linki do artykułów bez błędów 404. To praktyczny kompromis dla projektu, który ma działać stabilnie jako statyczna publikacja.
Kolejna iteracja dodała elementy zaplecza redakcyjnego: newsletter, lokalny fallback zapisu subskrypcji, integrację Gmail SMTP oraz Strefę Twórcy połączoną z Google Drive i Google Docs. Blog zaczął działać nie tylko jako miejsce publikacji, ale jako środowisko pracy nad treściami.