Mamy tu typową stronę usługową zbudowaną w Next.js, wyposażoną w Google Analytics, Google Tag Manager , prosty formularz kontaktowy, galerię zdjęć i animacje. Na początku testy PageSpeed Insights pokazały wyniki: 67/100 na urządzeniach mobilnych i 89/100 na komputerach stacjonarnych.
Maciej Sala
Founder StriveLab
Next.js App Router oferuje natywne API bez zewnętrznych bibliotek do generowania obu plików. W tym artykule pokazuję, jak zrobić to konwencjami app/sitemap.ts i app/robots.ts , kiedy wystarczy natywne rozwiązanie, a kiedy warto sięgnąć po next-sitemap .
Maciej Sala
Founder StriveLab
Dane strukturalne to bezpośredni opis Twojej firmy w języku, który rozumie Google i modele AI. Dzięki nim mamy pełną kontrolę nad danymi i nie pozostawiamy robotom wyboru i zgadywania na podstawie samego tekstu strony. Schema.org mówi wprost, kim jesteś, co oferujesz, gdzie działasz i na jakie pytania odpowiadasz. W Next.js nie potrzebujesz do tego wtyczki, ponieważ wystarczą komponenty React, które renderują poprawny JSON-LD i dają się testować.
Maciej Sala
Founder StriveLab
Gdy udostępniasz link do artykułu na LinkedIn, zamiast generycznego szarego pola lub logo strony, obok może pojawić się estetyczna grafika z tytułem, autorem i brandingiem. Ta różnica znacząco wpływa na klikalność, a ręczne przygotowywanie takich obrazów jest przesadnie czasochłoenne. Funkcja ImageResponse z biblioteki next/og rozwiązuje ten problem, generując dynamiczne obrazy programowo na podstawie danych z Twojej strony.
Maciej Sala
Founder StriveLab
Przekonanie, że wbudowane w Reacta zabezpieczenia przed XSS w pełni chronią aplikację, to niebezpieczny mit. Współczesny Next.js to nie tylko warstwa prezentacyjna, ale pełnoprawne środowisko serwerowe z Server Actions, Route Handlerami, Server Components i bezpośrednim dostępem do nagłówków czy ciasteczek. Każdy z tych punktów styku staje się potencjalnym wektorem ataku, jeśli traktuje się go z taką samą beztroską jak zwykły komponent UI. Oto pięć najczęstszych luk bezpieczeństwa w architekturze Next.js oraz konkretne sposoby na ich wyeliminowanie.
Maciej Sala
Founder StriveLab
Wyobraź sobie, że dla każdego użytkownika z osobna sprawdzasz, czy wolno mu edytować artykuł. Przy dziesięciu osobach jeszcze ujdzie, przy tysiącu to droga przez mękę. RBAC odwraca pytanie: uprawnienia wiążesz z rolami admin, editor, user , role z ludźmi, a w kodzie pytasz tylko, czy rola ma uprawnienie posts:edit . Jedna reguła zamiast tysiąca wyjątków.
Maciej Sala
Founder StriveLab
Animacje poprawiają UX — dają feedback, prowadzą wzrok i sprawiają, że interfejs czuje się responsywny. Z drugiej strony, nieprawidłowo zaimplementowane animacje mogą znacząco pogorszyć Core Web Vitals. Dodatkowy bundle JS ma negatywny wpływ na LCP, animowanie właściwości layoutowych top , left , width , height może powodować przesunięcia, a skomplikowane kalkulacje per-frame obniżają INP.
Maciej Sala
Founder StriveLab
Supabase to otwartoźródłowa platforma backendowa zbudowana wokół PostgreSQL . W jednym projekcie dostajesz bazę danych, Auth, Storage, Realtime, Edge Functions i automatycznie generowane API. Dla aplikacji w Next.js to często najkrótsza droga do sensownego MVP bez osobnego backendu pisanego od zera.
Maciej Sala
Founder StriveLab
