Trwają zapisy do grupy

Szkolenie: Aplikacje Full-Stack z użyciem React.js i Next.js

Szkolenie Full-Stack z React.js i Next.js to praktyczny kurs tworzenia nowoczesnych aplikacji webowych, obejmujący architekturę, routing, SSR, optymalizację wydajności, SEO oraz wdrożenie aplikacji

  • Trenerzy praktycy
  • Kameralne grupy

Czas trwania szkolenia:2 dni (16h)

Poziom zaawansowania:

Kod kursu:NEXTJS

reactfull-stackweb-developmentnextjs

Dostępne terminy szkolenia

  • Termin
  • Trener
  • Cena
  • Zapis
  • Lokalizacja

Termin:

23 marca
Trwają zapisy na szkolenieOferta specjalna

Trener:

Mateusz Kulesza

Cena:

2145 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Termin:

11 czerwca
Trwają zapisy na szkolenie

Trener:

Mateusz Kulesza

Cena:

2145 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Termin:

10 sierpnia
Trwają zapisy na szkolenie

Trener:

Trener Sages

Cena:

2145 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Termin:

9 listopada
Trwają zapisy na szkolenie

Trener:

Mateusz Kulesza

Cena:

2145 PLN netto
Ikona podpowiedziDowiedz się więcej o cenach szkoleń - zapraszamy do kontaktu
+23% VAT

Lokalizacja:

Zdalne
Zdalne
Ikona podpowiedziZapytaj o inne lokalizacje - w tym celu skorzystaj z chatu

Forma szkolenia

Interesuje Cię szkolenie stacjonarne?

Powiadom o kolejnych terminach

Interesuje Cię szkolenie w innym terminie?

Aplikacje Full-Stack z użyciem React.js i Next.js

Cele szkolenia

  • Szkolenie przygotowuje do samodzielnego projektowania i budowania aplikacji internetowych z wykorzystaniem Next.js oraz React.js

  • Szkolenie uczy stosowania zaawansowanych technik routingu, renderowania po stronie serwera i optymalizacji wydajności aplikacji webowych

  • Szkolenie pokazuje, jak integrować aplikacje z zewnętrznymi źródłami danych oraz wdrażać je na wybranych platformach hostingowych


Dla kogo?

  • Programistów front-end z doświadczeniem w JavaScript/TypeScript i React.js, chcących rozwinąć umiejętności w tworzeniu aplikacji full-stack

  • Osób realizujących projekty webowe, które chcą poznać zaawansowane techniki optymalizacji, SEO i deploymentu aplikacji internetowych


Efekty kształcenia

  • Uczestnik projektuje aplikacje webowe z wykorzystaniem Next.js i React.js

  • Uczestnik analizuje i wdraża różne metody renderowania stron

  • Uczestnik optymalizuje wydajność aplikacji zgodnie z metrykami Web Vitals

  • Uczestnik implementuje routing i dynamiczne komponenty

  • Uczestnik integruje aplikacje z API i zarządza stanem danych

  • Uczestnik przygotowuje aplikacje do wdrożenia na środowisku produkcyjnym


Wymagania

  • Podstawowa wiedza z zakresu HTML, CSS, JavaScript/TypeScript

  • Znajomość podstawowych koncepcji React.js

  • Znajomość podstawowych koncepcji aplikacji serwerowych i API


W cenie otrzymasz:

  • Materiały szkoleniowe

  • Certyfikat ukończenia szkolenia

  • W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki

Program szkolenia

Pobierz program w PDF

Wprowadzenie do Next.js

  • Charakterystyka i zalety frameworka Next.js

  • Konfiguracja środowiska deweloperskiego

  • Tworzenie nowego projektu Next.js

Routing w Next.js

  • Użycie routera Next.js do nawigacji między stronami

  • Tworzenie dynamicznych ścieżek

  • Przekazywanie danych przez URL

SSR (Server-Side Rendering)

  • Zasady działania SSR w Next.js

  • Budowanie stron z SSR

  • Optymalizacja wydajności SSR

Generowanie stron statycznych i SSR w kontekście SEO i WebVitals

  • Porównanie różnych metod generowania stron w Next.js (statyczne generowanie, generowanie na żądanie, SSR)

  • Wybór odpowiedniej metody generowania stron w zależności od celów SEO i wymagań projektu

  • Ustalanie unikalnych tytułów stron, opisów meta, znaczników Open Graph, itp.

Optymalizacja wydajności aplikacji zgodnie z Web Vitals

  • Omówienie metryk Web Vitals - Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), itp.

  • Techniki optymalizacji wydajności, takie jak lazy loading, code splitting, cache'owanie, minimalizacja i kompresja zasobów

Praca z danymi w Next.js

  • Pobieranie danych z zewnętrznych źródeł

  • Użycie API w Next.js

  • Zarządzanie stanem aplikacji

Dynamiczne renderowanie komponentów

  • Tworzenie dynamicznych komponentów w Next.js

  • Lazy loading komponentów

  • Optymalizacja wydajności

Stylowanie w Next.js

  • Wybór i konfiguracja narzędzi do stylizacji

  • Sposoby stylizacji komponentów w Next.js

  • Implementacja motywów i stylów globalnych

Obsługa formularzy i API

  • Tworzenie formularzy w Next.js

  • Walidacja danych formularzy

  • Przesyłanie danych formularzy na serwer

Deployment aplikacji Next.js

  • Przygotowanie aplikacji do produkcji

  • Wybór platformy hostingowej

  • Publikacja aplikacji na serwerze produkcyjnym

Autorem szkolenia jest Mateusz Kulesza

Konsultant technologii webowych | Trener IT | Ekspert front-end & e-commerce Od ponad dekady wspieram firmy w efektywnym wykorzystaniu technologii webowych – zarówno jako inżynier oprogramowania, lider zespołów, jak i trener oraz konsultant. Specjalizuję się w projektowaniu nowoczesnych rozwiązań front-endowych, z naciskiem na dopasowanie technologii do celów biznesowych i realiów organizacyjnych. W swojej karierze zdobyłem szerokie doświadczenie w środowiskach o różnej skali – od zwinnych startupów…

Wybrane opinie

Przeczytaj pozytywne opinie pochodzące z ankiet satysfakcji z naszych szkoleń wypełnianych wyłącznie przez ich uczestników po realizacji usługi

4.8
Ikona podpowiedziŚrednia ocen Sages w serwisie Google Ocena pochodzi ze średniej ocen Sages w serwisie Google i nie jest weryfikowana

21.11.2025

Uczestnik szkoleniaAplikacje Full-Stack z użyciem React.js i Next.js

Krystian Kozłowski

Prowadzący wygazuje się ogromną wiedzą

Więcej opinii