Szkolenie online, frontend: 10-11. lutego 2026Twoje projekty React i Next.js
nie są tak szybkie, jak myślisz
Framework nie załatwi wydajności za Ciebie. W dwa dni nauczysz się, jak naprawdę budować szybkie strony i aplikacje React/Next.js – od kodu po infrastrukturę. W zgodzie z Core Web Vitals. Z kulturą wydajności.
Mit wydajnego
Reacta i Next.js
React i Next.js dają poczucie, że wydajność mamy „w pakiecie".
SSR, ISR, SSG, Suspense, optymalizacja obrazów czy skryptów — brzmi jak gwarancja szybkości. Dopóki projekt się nie rozrośnie.
W praktyce większość aplikacji działa wolniej, niż powinna. Nie przez framework, ale przez sposób, w jaki jest używany.
- SSR bez efektywnego cache? Dłuższy TTFB.
- Zbyt duży bundle i zablokowany render? Słaby FCP.
- next/image z domyślnymi ustawieniami? Gorszy LCP.
- Globalne contexty i re-renderingi? Słabe czasy INP.
Znamy problemy Twoich projektów React/Next.js.
Na froncie i backendzie.
Większość problemów wydajnościowych Twoich projektów nie wynika z braku umiejętności, tylko z braku świadomości, jak kolejne warstwy aplikacji wpływają na siebie.
Te same błędy widzimy regularnie w audytach produkcyjnych projektów — stron z dobrym wynikiem Lighthouse, które nadal mają słabe Core Web Vitals według danych CrUX / RUM.
Znamy te problemy. Wiemy, skąd się biorą i jak je naprawić — na podstawie rzeczywistych przypadków z wdrożeń.
Nauczymy Cię dbać
o web performance.
W formie misji. 2x8h, online.
Stworzyliśmy szkolenie w oparciu o dziesiątki przypadków. I nie polega na oglądaniu slajdów. Wejdziesz w struktury naszego gangu WDI Web Performance City i wyruszysz na misje. Kojarzysz grę GTA? :-)
Każdy uczestnik wykonuje serię praktycznych zadań – misji, które krok po kroku prowadzą do realnej poprawy wydajności.
W ramach dwudniowego szkolenia online na żywo otrzymasz:
- własną domenę i środowisko projektowe (self-hosting Next.js na VM-ce, deploy przez Github Actions)
- możliwość konfiguracji Cloudflare, cache, HTTP/3 i nagłówków
- zestaw misji realizowanych na realnym kodzie React/Next.js
- masę wiedzy i przydatnych technik optymalizacji w swojej pracy
Dwa dni intensywnej pracy z kodem. Zero teorii bez pokrycia.
Szkolenie łączy praktyczną wiedzę o architekturze Next.js, mechanizmach renderowania, narzędziach pomiarowych i realnych technikach optymalizacji. Każdy uczestnik kończy z szybszym projektem i pełnym zrozumieniem, gdzie naprawdę ginie wydajność. Do zastosowania u siebie. Na produkcji.
Dzień 1: Backend a frontend, kultura wydajności w zespole
Pierwszego dnia skupiamy się na zrozumieniu tego, jak backend, sieć i konfiguracja wpływają na frontendowy performance.
Zakres:
- Wykrywanie wąskich gardeł backendu i frontendu w projekcie.
- Współpraca zespołowa podczas pracy nad wydajnością.
- Anatomia żądań HTTP: DNS, TCP, SSL/TLS, HTTP/2, HTTP/3.
- Twój projekt a CDN i cache.
- Nagłówki, timeouts i konfiguracja serwera.
- Rozproszone aplikacje Next.js na produkcji.
- TTFB – jak go mierzyć, diagnozować i poprawiać.
- Cache po stronie serwera, CDN i przeglądarki.
- Analiza Waterfall i praktyka pracy z WebPageTest, DevTools i RUM.
Efekt: rozumiesz, jak architektura aplikacji wpływa na wyniki Core Web Vitals, zanim jeszcze dotkniesz kodu frontendu.
Dzień 2: Poprawa wydajności React i Next.js w praktyce
Drugi dzień to praca stricte z kodem. Od profilowania komponentów po optymalizację renderowania i poprawę metryk takich jak FCP, LCP, CLS i INP.
Zakres:
- SSR, SSG, ISR, CSR – wybór strategii renderowania pod konkretne przypadki.
- Optymalizacja Reacta: React.memo, useMemo, useCallback, Suspense, Transitions.
- Lazy loading, dynamic imports i zarządzanie kodem krytycznym.
- Optymalizacja eventów, yielding, płynność interakcji.
- Zarządzanie zasobami: fonty, obrazy, skrypty zewnętrzne, GTM, cookie bannery.
- Audyt i kontrola priorytetów ładowania.
- Next.js na czasie: analiza najnowszych funkcji i optymalizacji.
Efekt: po tym dniu wiesz, jak świadomie projektować kod React/Next.js, który nie tylko działa, ale reaguje natychmiast.
Opinie uczestników
Co mówią uczestnicy
kursów i szkoleń Web Dev Insider?
Piotr Smargol
Specjalista SEO
Radosław Kalamon
Developer
Tomasz Sikora
Developer
Mateusz Niestrój
Developer
Jarosław Armatys
Frontend Developer
Uczestnik szkolenia
WDI Web Performance City, sierpień 2025
Uczestnik szkolenia
WDI Web Performance City, sierpień 2025
Uczestnik szkolenia
WDI Web Performance City, sierpień 2025
Umiejętności, które zdobędziesz
- Współpraca frontend–backend przy diagnozowaniu i optymalizacji wydajności aplikacji.
- Praktyczne wykorzystanie narzędzi pomiarowych: WebPageTest, Chrome DevTools, React Scan.
- Konfiguracja serwera, nagłówków HTTP i CDN pod kątem czasu odpowiedzi i cache'owania.
- Stosowanie odpowiednich strategii cache'owania – po stronie serwera (w tym Redis), CDN i frontendu.
- Rozwiązywanie problemów charakterystycznych dla rozproszonych aplikacji Next.js.
- Dobór właściwej strategii renderowania (SSR, SSG, ISR, CSR) do konkretnego scenariusza.
- Optymalizacja popularnych wąskich gardeł: cookie consent banner, Google Tag Manager, analityka, obrazy, fonty i skrypty.
- Usprawnianie krytycznej ścieżki renderowania.
- Wiedza, jak diagnozować i poprawiać TTFB, FCP, LCP, CLS, INP
- Poprawa płynności i responsywności interakcji użytkownika.
Dla kogo?
Szkolenie jest skierowane do frontend developerów pracujących z React i Next.js. Poziom mid / senior. Jeżeli dopiero zaczynasz przygodę jako front-end developer - zapraszamy nieco później.
Kim są trenerzy?
Prowadzący / bossowie gangu
Bartek Miś
CTO @ Bigger Picture, Full-stack developer
Ekspert w obszarze wydajności frontendu stron i aplikacji. Autor kursu Zoptymalizowany Frontend. Od lat pomaga developerom budować aplikacje, które działają szybciej i stabilniej. Prowadzi szkolenia, audyty i konsultacje techniczne dla software house’ów, SEO specjalistów oraz działów R&D.
Jarek Gad
Creative Front-end Developer @ Bigger Picture
Jarek to deweloper z pasją do Next.js i React. Jest na bieżąco ze wszystkimi nowinkami i najnowszymi funkcjonalnościami obu frameworków. Wie, jak wycisnąć maksimum wydajności z tego stosu technologicznego – zarówno na poziomie kodu, jak i architektury aplikacji.
Wszystko, co musisz wiedzieć
Szczegóły szkolenia
10-11. lutego 2026
2x8h intensywnej pracy z kodem (9:00 - 17:00).
Grupa do 15 uczestników
Mała grupa dla lepszej efektywności i interakcji.
Online,
MS Teams
Wygodnie, z każdego miejsca.
1995 PLN + VAT za osobę
Early Bird – cena ważna do 15 grudnia. Później cena wzrasta (2198 zł + VAT).
Każdy uczestnik po odbyciu szkolenia otrzyma certyfikat potwierdzający nowe umiejętności.
Wszystko, co musisz wiedzieć
Często zadawane pytania
Czy szkolenie jest odpowiednie dla początkujących?
Szkolenie jest skierowane do developerów z poziomem mid/senior, którzy już pracują z React i Next.js. Wymaga podstawowej znajomości tych technologii.
Czy otrzymam materiały po szkoleniu?
Tak, wszyscy uczestniczy otrzymają dostęp do materiałów szkoleniowych, checklisty optymalizacji oraz przykładowy kod z warsztatów.
Ile teorii, ile praktyki?
40% teorii, 60% praktyki. Stawiamy na działanie i optymalizację kodu, a nie gadanie o nim.
Czy otrzymam fakturę?
Tak, wystawiamy faktury VAT. Podczas składania zamówienia na stronie webdevinsider.pl zaznacz opcję Chcę otrzymać fakturę na inne dane (i podać NIP).
Czy otrzymam certyfikat?
Tak, każdy uczestnik otrzyma certyfikat ukończenia szkolenia po zakończeniu wszystkich sesji.
Czy muszę coś przygotować przed szkoleniem?
Tak, oczywiście laptop/komputer z dostępem do internetu, kamerą i mikrofonem. Oprócz tego potrzebujesz Git (w dniu szkolenia będziesz klonować lokalnie repo z zadaniami), Node.js w wersji 20+ z NPM (https://nodejs.org/en), edytor kodu / IDE oraz dostęp do jakiegoś LLM (via ChatGPT, Claude, Gemini albo przez CLI — jakkolwiek; wystarczy darmowy plan).
Czy mogę anulować udział w szkoleniu?
Tak, możesz anulować uczestnictwo do 14 dni przed rozpoczęciem szkolenia z pełnym zwrotem środków. W przypadku anulacji w krótszym terminie możesz wziąć udział w innym szkoleniu lub innym terminie.
Masz pytania?
Chcesz zorganizować to szkolenie w formule zamkniętej tylko dla Twojego zespołu? Masz inne pytania? Skontaktuj się z nami.
Nie zwlekaj. Dołącz do gangu i przejdź przez misje.
To szkolenie to masa wiedzy, praktyki, ale też dobrej zabawy. Wierzymy, że edukacja może być po prostu FAJNA :-)