Przejdź do treści
strefakursów

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Opanuj framework Next.js od zera i zacznij tworzyć szybkie, dynamiczne strony i aplikacje. Ucz się w praktyce, tworząc pełnoprawną aplikację do wyszukiwania i oceniania filmów.

67 lekcji 20 pytań testowych Poziom: Podstawowy Język: polski Certyfikat
169 zł

Oferta specjalna

Kup ten kurs za 93 zł z kodem

00 dni
00 godz.
00 min.
00 sek.

Minimalna wartość w koszyku, aby aktywować kod: 199 zł.

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Ten kurs jest częścią ścieżki

JavaScript Front-end Developer

Szczegóły, które warto znać

9 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
67 lekcji wideo
Poziom: Podstawowy
Testy i zadania
20 pytań testowych
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

Czego się nauczysz:

  • praktycznego zastosowania Next.js i React

  • tworzenia systemu autoryzacji i uwierzytelniania użytkowników

  • integracji z bazą danych przy pomocy drizzle.orm

  • walidacji danych przy pomocy biblioteki zod

  • tworzenia aplikacji w pełni zabezpieczonych typami dzięki Typescript

  • stylowania aplikacji za pomocą TailwindCSS

  • bezpiecznego wywoływania zewnętrznych API oraz integracji z zewnętrznymi usługami

  • wdrażania aplikacji na repozytorium oraz w wersji produkcyjnej na vercel.com

Wprowadzenie do tworzenie gier - jak wejść do gamedev.

Budowa aplikacji krok po kroku

Wprowadzenie do tworzenie gier - jak wejść do gamedev.

Praca nad stylami i UI

Wprowadzenie do tworzenie gier - jak wejść do gamedev.

Routing oraz podstawy Next.js

Pobieranie danych i praca z API

Renderowanie i cachowanie

Obsługa bazy danych - autoryzacja i uwierzytelnienie

Wprowadzenie do tworzenie gier - jak wejść do gamedev.

Mutacje i tworzenie własnego API

Co jeszcze powinieneś wiedzieć?

Kurs JavaScript od podstaw Kurs React od podstaw

Kup w pakiecie i oszczędź

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Kurs Next.js od podstaw - praktyczny projekt aplikacji

4.6 (12)

169 zł

Kurs Node.js - dynamiczne aplikacje

Kurs Node.js - dynamiczne aplikacje

4.8 (154)

119 zł

Cena za zakup pakietu

230 zł 288 zł −20%

Oszczędzasz w pakiecie: 58 zł

Zyskujesz 23.04 zł w punktach na kolejne zakupy.

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Kurs Next.js od podstaw - praktyczny projekt aplikacji

4.6 (12)

169 zł

Kurs JavaScript od podstaw

Kurs JavaScript od podstaw

4.7 (31)

149 zł

Cena za zakup pakietu

254 zł 318 zł −20%

Oszczędzasz w pakiecie: 64 zł

Zyskujesz 25.44 zł w punktach na kolejne zakupy.

Kurs React od podstaw - zbuduj nowoczesną aplikację webową krok po kroku

Kurs React od podstaw - zbuduj nowoczesną aplikację webową krok po kroku

4.8 (6)

159 zł

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Kurs Next.js od podstaw - praktyczny projekt aplikacji

4.6 (12)

169 zł

Cena za zakup pakietu

262 zł 328 zł −20%

Oszczędzasz w pakiecie: 66 zł

Zyskujesz 26.24 zł w punktach na kolejne zakupy.

Kurs Next.js od podstaw - praktyczny projekt aplikacji

Kurs Next.js od podstaw - praktyczny projekt aplikacji

4.6 (12)

169 zł

Kurs TypeScript

Kurs TypeScript

4.7 (86)

119 zł

Cena za zakup pakietu

230 zł 288 zł −20%

Oszczędzasz w pakiecie: 58 zł

Zyskujesz 23.04 zł w punktach na kolejne zakupy.

Program kursu

10 modułów · 67 lekcji

1 · Wprowadzenie
  • Wstęp 01m 52s
  • Jak korzystać z materiałów? 02m 16s
  • Czym jest Next.js? 01m 38s
  • Omówienie projektu eKino 01m 41s
2 · Przygotowanie do pracy
  • Instalacja i konfiguracja środowiska pracy 07m 23s
  • Konfiguracja Edytora VS Code 05m 11s
  • Opis struktury plików i folderów Next.js 02m 32s
  • Konfiguracja projektu 05m 50s
3 · UI
  • Omówienie biblioteki Tailwind CSS 06m 15s
  • Podstawy Tailwind CSS 11m 31s
  • Kolekcja komponentów shadcn i jej wdrożenie 08m 48s
  • Plik global.css oraz tailwind.config.ts 06m 00s
4 · Routing oraz podstawy Next.js
  • Komponenty klienckie i serverowe 05m 53s
  • Routing w Next.js 10m 20s
  • Strony, layouty oraz grupy 09m 20s
  • Dynamiczny routing 07m 24s
  • Nawigacja pomiędzy stronami - komponent - tworzenie Menu 14m 58s
  • Menu dla wersji mobilnej z użyciem komponentu Dialog 04m 11s
  • Nawigacja pomiędzy stronami - hook useRouter 09m 33s
  • usePathname / useSelectedLayoutSegment/s do zaznaczania aktywnej pozycji w Menu 08m 01s
  • Omówienie komponentu 14m 08s
  • Metadata w Next.js 08m 16s
  • Obsługa Fontów w Next.js 03m 09s
  • Funkcja redirect 06m 01s
  • Error handling w routingu 05m 52s
5 · Obsługa plików MDX w Next.js
  • Instalacja oraz konfiguracja bibliotek do MDX 05m 32s
  • Podstawy MDX 11m 17s
  • Funkcje transformujące w mdx-components.tsx 11m 39s
  • Dodanie postów oraz obrazków na bloga przy pomocy AI 10m 50s
6 · Pobieranie danych i rozbudowa aplikacji
  • Pobieranie danych w Next.js 10m 39s
  • Przedstawienie API - The Movie DB 12m 52s
  • Pozyskanie klucza oraz omówienie pliku .env w projekcie 05m 00s
  • Slider na stronie głównej - pobieranie danych 12m 23s
  • Slider na stronie głównej - baner 15m 14s
  • Filmy i seriale na stronie głównej - pobieranie danych oraz tworzenie komponentów 15m 33s
  • Podstrona filmu i serialu - pobieranie danych 12m 20s
  • Podstrona filmu i serialu - wizualizacja danych 16m 20s
  • Dodanie galerii do podstrony filmu i serialu 07m 37s
  • Komponent okruszków (breadcrumbs) 05m 43s
  • Dodanie statycznych części strony głównej oraz stopki 07m 17s
  • Podstrona wyszukiwania 08m 45s
  • Komponent szukaj 06m 14s
  • Rozszerzenie wyszukiwania o filtry - użycie hooku useSearchParams cz. 1 13m 38s
  • Rozszerzenie wyszukiwania o filtry - użycie hooku useSearchParams cz. 2 16m 17s
7 · Renderowanie i cachowanie
  • Budowanie strony, omówienie komendy build 04m 52s
  • Renderowanie i cachowanie w Next.j 08m 03s
  • Streaming - utworzenie skeleton loader'a 05m 49s
  • Omówienie i użycie funkcji generateStaticParams 04m 39s
8 · Obsługa bazy danych - autoryzacja oraz uwierzytelnienie
  • Inicjalizacja bazy danych na Vercel 02m 08s
  • Biblioteka drizzle 03m 51s
  • Biblioteka Next-Auth 11m 00s
  • Dodanie dostawcy Google 04m 22s
  • Formularz logowania 10m 45s
  • Komponent Toast i Provider komponentów 05m 16s
  • Obsługa uwierzytelnienia przez dane logowania na serwerze 08m 22s
  • Middleware w Next.js 11m 25s
9 · Mutacje - Server Actions
  • Zasady działania i korzystania z Server Actions 04m 53s
  • Biblioteka Zod - tworzenie pierwszych walidatorów 06m 26s
  • Widok rejestracji - pierwsza akcja 14m 24s
  • Aktualizacja danych na profilu oraz aktualizacja tokenu JWT 16m 32s
  • Layout w dashboard oraz kolejna budowa aplikacji 06m 00s
  • Widok komentarzy - tworzenie i oceny 11m 02s
  • Schemat komentarzy oraz akcje 14m 26s
  • Dodawanie i wyświetlanie komentarzy, hook useOptimistic 14m 29s
10 · Zakończenie
  • Route handlers czyli własne API w Next.js 04m 39s
  • Kilka cennych uwag i rozbudowa aplikacji 07m 43s
  • Słowo na zakończenie 01m 03s

Twój instruktor

Sebastian Machaj

Sebastian Machaj

Full Stack Web Developer

Swoją przygodę z profesjonalnym programowaniem rozpocząłem w 2017 roku. Uwielbiam tworzyć, moją pasją jest przekuwanie ludzkich idei w działające aplikacje szczególnie w środowisku webowym oraz mobilnym. Ta radość z tworzenia zmotywowała mnie do założenia własnego biznesu skupiającego się na budowaniu aplikacji internetowych - Black Red Studio. Przez moje ręce przewinęło się sporo różnych technologii jednak moimi ulubionymi i tymi które bym polecił są: Typescript, React, Next.js, Laravel, a także Tailwind. Prywatnie uwielbiam różne sporty, np. tenis czy piłkę nożną, podróże, gry planszowe / komputerowe, interesują mnie takie tematy jak finanse, astrofizyka czy dietetyka.

Opinie kursantów

5,0 Zweryfikowana
„Cieszę się, że zdecydowałem się na ten kurs, ponieważ pozwolił mi on nie tylko zrozumieć podstawy Next.js, ale także dał możliwość stworzenia rzeczywistej aplikacji. Instrukcje są jasne i przystępne, a praktyczne podejście sprawia, że nauka jest angażująca."
Seweryn Dąbek zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

  • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy

Zobacz też

Podobne kursy

Kurs Node.js - dynamiczne aplikacje

Programowanie

Kurs Node.js - dynamiczne aplikacje

4.8 (154)

119 zł

Kurs React od podstaw - zbuduj nowoczesną aplikację webową krok po kroku

Programowanie

Kurs React od podstaw - zbuduj nowoczesną aplikację webową krok po kroku

4.8 (6)

159 zł

Kurs JavaScript od podstaw

Programowanie

Kurs JavaScript od podstaw

4.7 (31)

149 zł

Ekosystem JavaScript - wprowadzenie

Programowanie

Ekosystem JavaScript - wprowadzenie

4.9 (268)

119 zł

Kurs Programowanie funkcyjne w JavaScript

Programowanie

Kurs Programowanie funkcyjne w JavaScript

4.9 (96)

119 zł

Kurs Programowanie obiektowe w JavaScript

Programowanie

Kurs Programowanie obiektowe w JavaScript

4.9 (91)

119 zł

Kurs Programowanie asynchroniczne w JavaScript

Programowanie

Kurs Programowanie asynchroniczne w JavaScript

4.9 (90)

119 zł

Kurs ES6 nowa generacja JavaScript

Programowanie

Kurs ES6 nowa generacja JavaScript

4.9 (106)

119 zł

Jak zostać Full Stack Developerem

IT i oprogramowanie

Jak zostać Full Stack Developerem

4.8 (99)

119 zł

Kurs Webpack

Programowanie

Kurs Webpack

4.8 (54)

119 zł

Ten kurs jest częścią ścieżki

4,8

JavaScript Front-end Developer

Zostań developerem najpopularniejszego języka współczesnej sieci Web. Zdobądź niezbędne umiejętności i pracuj w niezwykle dynamicznej dziedzinie.

576 wykładów 15791 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

169 zł