Część ścieżki ReactNowośćŚcieżkaKurs Next.js
Darmowy, interaktywny kurs Next.js, który prowadzi cię od komponentów Reacta do prawdziwej aplikacji: routing, layouty, komponenty serwerowe i klienckie, pobieranie danych i server actions. Podpowiedzi AI pomagają, gdy utkniesz, a na koniec dostajesz darmowy certyfikat.
47 lekcje41 wyzwania99 pytania quizowe
- Dla początkujących
Pomoc AI przy programowaniu
Praktyczne, interaktywne lekcje
Quizy sprawdzające wiedzę
Darmowy certyfikat ukończenia
Program
Ta sekcja jest częścią ścieżki React. Pełny program ma więcej sekcji. Kliknij dowolny podgląd poniżej, aby zobaczyć go na stronie ścieżki.
- Sekcja 1Podstawy42 lekcje
Sekcja 2
Podstawy Next.js
Zacznij sekcjęZacznijPrzejdź od komponentów React do prawdziwej aplikacji: poznaj routing oparty na systemie plików, układy, komponenty serwerowe i klienckie, pobieranie danych, server actions oraz stwórz kompletny projekt Next.js.Dlaczego Next.js
4 lekcje39Routing i linki
6 lekcje516Układy i metadane
6 lekcje515Serwer i klient
6 lekcje515Dane na serwerze
6 lekcje516Akcje serwerowe
5 lekcje413Nawigacja po stronie klienta
5 lekcje515Projekt: Coddy Eats
9 lekcje9
Ucz się w praktyce
Pisz prawdziwy kod, odpytuj bazy danych, twórz strony internetowe i opanuj prompty AI. Nasze interaktywne lekcje obejmują wszystkie umiejętności, których potrzebuje współczesny programista.
Buduj swoją serię
Ucz się regularnie i patrz, jak rosną twoje postępy! Śledź codzienny nawyk programowania, chroń serię dzięki zamrożeniom i zdobywaj nagrody za każdy dzień nauki.
12 dni serii
Wróć jutro, aby utrzymać serię!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Podwójnie albo nic
Dzień 5 z 7
Zamrożenie serii
2 left
Programuj wszędzie
Zabierz naukę programowania ze sobą! Bez konfiguracji i pobierania plików: po prostu otwórz i zacznij kodować. Dostępne na iOS, Androida i w przeglądarce, z oceną 4,9 gwiazdki.
Nie uczysz się w pojedynkę
Rywalizuj w globalnych rankingach, zapraszaj znajomych po nagrody i świętujcie wspólnie swoje sukcesy. Z przyjaciółmi programuje się lepiej!
1
2
3
Strefa awansuKażdy sposób nauki
Czytaj, słuchaj, sprawdzaj się, pytaj AI albo wracaj do tego, co już znasz. Każda lekcja dopasowuje się do ciebie.
Zmienna to nazwany pojemnik przechowujący wartość, do której możesz później odwołać się w programie.
W Pythonie tworzysz ją, pisząc nazwę, znak równości, a potem wartość, którą chcesz zapisać.
Wartość może się zmieniać: ponowne przypisanie po prostu wskazuje nazwą nową wartość.
Zdobądź certyfikat
Zdobywaj certyfikaty za każdy ukończony kurs. Dodaj je do profilu na LinkedIn i CV, aby pokazać pracodawcom swoje umiejętności programistyczne.
Certyfikat ukończeniaPodstawy Pythona
Dodaj do LinkedInDlaczego warto uczyć się Next.js z Coddy
- Budujesz aplikacje w Next.js w przeglądarce. Bez instalowania Node, bez create-next-app, bez konfiguracji: każda lekcja daje ci prawdziwy katalog app z layoutem, stronami i komponentami do edycji.
- App Router w takiej postaci, w jakiej używa się go na produkcji: foldery jako trasy, dynamiczne segmenty, zagnieżdżone layouty, komponenty serwerowe i klienckie, pobieranie danych, stany ładowania i błędów oraz formularze z server actions.
- Podpowiedzi AI, które czytają twój kod. Gdy trasa zwraca 404 albo komponent serwerowy się psuje, dostajesz wskazówkę, która prowadzi do problemu bez zdradzania odpowiedzi.
- Darmowy certyfikat po ukończeniu działu. Next.js to najbardziej poszukiwany framework Reacta i właśnie jego obok samego Reacta wymagają współczesne ogłoszenia o pracę na frontendzie.
Najczęstsze pytania o naukę Next.js
Czym jest Next.js?
Next.js to framework Reacta do budowania pełnych aplikacji webowych. React daje komponenty, a Next.js dodaje wszystko wokół nich: routing oparty na systemie plików, zagnieżdżone layouty, renderowanie po stronie serwera, pobieranie danych i server actions do obsługi formularzy i mutacji. Tworzy go i utrzymuje Vercel, a na produkcji to najczęściej używany framework Reacta.
Czy przed nauką Next.js muszę znać React?
Tak. Next.js jest zbudowany na Reakcie, więc komponenty, propsy i stan powinny być ci najpierw znajome. Ten dział to druga część ścieżki React: poprzedzający go dział Fundamentals obejmuje dokładnie te podstawy, więc możesz przejść wszystko po kolei.
Czy kurs obejmuje App Router?
Tak. Dział jest zbudowany wokół nowoczesnego App Routera: katalog app, foldery jako trasy, dynamiczne segmenty tras, zagnieżdżone layouty i model komponentów serwerowych i klienckich. Taką architekturę domyślnie mają nowe projekty w Next.js i tego oczekują obecne oferty pracy.
Czym różnią się komponenty serwerowe od klienckich?
Komponenty serwerowe renderują się na serwerze: mogą bezpośrednio pobierać dane i wysyłają do przeglądarki mniej JavaScriptu. Komponenty klienckie działają w przeglądarce i obsługują interaktywność: stan, zdarzenia, efekty. Aplikacje w Next.js łączą oba rodzaje, a wiedza, po który sięgnąć, to jedna z kluczowych umiejętności ćwiczonych w tym dziale.
Czy mogę uczyć się Next.js online za darmo?
Tak. Interaktywny dział Next.js jest darmowy: pełne lekcje, prawdziwe wyzwania programistyczne z natychmiastową informacją zwrotną i podpowiedzi AI. Wszystko działa w przeglądarce, więc nie musisz instalować Node ani zakładać projektu, żeby zacząć.
Czy po kursie Next.js dostanę certyfikat?
Tak. Ukończenie działu daje darmowy certyfikat ukończenia, który możesz udostępnić na LinkedInie albo dodać do CV, obok kompletnego projektu w Next.js, który budujesz w ostatnich rozdziałach.
