Szablon strony warsztatu
Full-stack aplikacja Next.js 15 + Strapi CMS w architekturze headless. SSG z ISR, Docker deployment, nginx reverse proxy. PageSpeed 98+, zoptymalizowany pod Core Web Vitals.
Full-Stack Developer
Odwiedź stronęTechnologie
Co zrobiłem
Architektura headless CMS
Next.js jako frontend z Strapi CMS przez REST API. Static Generation z Incremental Static Regeneration (revalidate: 60s) dla optymalnego cache'owania.
Docker deployment
Multi-container setup: Next.js (Node), Strapi (Node), PostgreSQL. Docker Compose orchestration, nginx reverse proxy z SSL termination.
Type-safe data layer
Pełna typizacja TypeScript od Strapi content-types do React komponentów. Zod validation na formularzach, server actions do obsługi maili.
Wyzwanie
Potrzebowałem skalowalnego szablonu dla lokalnych biznesów, który łączy wydajność statycznych stron z elastycznością CMS. Wymóg: PageSpeed 95+ na mobile przy pełnej funkcjonalności.
Rozwiązanie
Architektura headless: Next.js App Router (RSC, Server Actions) + Strapi jako API. SSG dla stron, ISR dla contentu. Blog z MDX-like content, formularz kontaktowy z Resend, system rezerwacji z walidacją dat.
Kluczowe decyzje
Next.js 15 App Router + React Server Components
Strapi v5 z PostgreSQL (nie SQLite - produkcja)
Docker multi-stage builds dla mniejszych obrazów
nginx jako reverse proxy (SSL, cache, gzip)
Resend API do transakcyjnych maili
To nie jest 'strona dla warsztatu' - to production-ready template z prawdziwą architekturą. Ten sam stack co SaaS aplikacje, tylko uproszczony pod konkretny use case. Każdy element można rozbudować: dodać auth, płatności, panel klienta.
Kacper Kawczak
Full-Stack Developer
Rezultaty
Szablon wdrażany w <1 dzień. Infrastructure as Code - jeden docker-compose.yml stawia całość. 98 PageSpeed mobile, <1s TTFB, CLS 0.