Usługa
Programista Next.js — aplikacje webowe na zamówienie
Next.js wybiera się gdy strona ma robić więcej niż prezentować ofertę. Dynamiczne dane, panele, autoryzacja, integracje, e-commerce headless. Tu właśnie zaczyna się sens kosztu produkcji.
Najnowszy projekt: konfigurator wyceny ogrodzeń dla niemieckiej firmy Galabau Darius. Klient wybiera słupki, panele, długość, dostaje wycenę i wysyła zapytanie. Pod spodem panel admina do zarządzania cennikami i zleceniami. Stack: Next.js 14, Clerk auth, Tailwind, deploy Vercel.
Wcześniej kilka aplikacji full-stack w NestJS i Express: e-commerce, real-time chat, dashboard kelnerski, system rezerwacji. Jeśli zastanawiasz się czy w ogóle potrzebujesz Next.js zamiast WordPress, kryteria decyzyjne opisałem w osobnym poście.
Cztery kawałki tego samego.
— 01
App Router od początku
Każdy projekt na najnowszym App Router. Server Components, Suspense, streaming, instant navigation. Wszystko co Next.js daje pod kątem performance.
— 02
TypeScript bez wyjątków
Cały kod w TS, włącznie z bazą i API. Rzadziej znajdujemy bugi w produkcji bo wiele wpada przed deployem.
— 03
Auth, baza, płatności
Clerk lub NextAuth dla autoryzacji. Postgres przez Prisma lub Drizzle. Stripe dla płatności. Sprawdzone klocki, nie eksperymenty.
— 04
Deploy i monitoring
Vercel jako default (zero ops dla klienta) lub własny VPS jeśli sytuacja wymaga. Sentry, OpenTelemetry, alerty.
Krok po kroku.
- 01
Workshop produktowy
User stories, mapa funkcji, wireframe. Określamy MVP i co można dodać później.
- 02
Architektura
Modele danych, API, integracje, autoryzacja. Decyzje na poziomie schematu robimy przed pisaniem.
- 03
Iteracyjne wdrożenia
Sprinty 2-tygodniowe, demo na koniec każdego, klient testuje na środowisku staging.
- 04
Produkcja
Deploy, smoke testy, monitoring, dokumentacja. Klient dostaje runbook na typowe sytuacje.
Krótkie odpowiedzi.
Kiedy Next.js a kiedy WordPress?+
WordPress gdy strona to głównie treść (blog, oferta, kontakt). Next.js gdy aplikacja musi przetwarzać dane użytkownika, integrować się z API albo skalować ruch.
Czy muszę mieć projekt graficzny?+
Nie. Robię też design w Figmie. Jeśli masz już brand i komponenty, użyję ich. Jeśli nie, projektuję od zera.
Czy aplikację da się potem edytować bez programisty?+
Treści tak (CMS jak Sanity podłączam standardowo). Logikę biznesową nie, ale każdy moduł dokumentuję żeby kolejny developer mógł wejść na projekt bez archeologii.
Co z performance?+
Każdy projekt mierzony Lighthouse i Core Web Vitals przed deployem. Cel: 90+ na wszystkich metrykach. Często osiągam 100.