Budowa aplikacji full-stack z użyciem Next.js v14

HARDSKILLS

Next.js v14

Warsztat oferuje kompleksowe szkolenie z zakresu tworzenia aplikacji full-stack z wykorzystaniem ramy Next.js v14. Poprzez serię praktycznych modułów, uczestnicy nabędą zaawansowaną wiedzę i umiejętności niezbędne do skutecznego wykorzystania funkcji Next.js, takich jak routing aplikacji, SSR, generowanie statycznych stron, integracja z bazami danych za pomocą Mongoose oraz implementacja uwierzytelniania z Auth0. Szkolenie wyposaży działy HR w narzędzia do identyfikacji i rozwoju talentów technologicznych, poprawy kwalifikacji zespołu IT oraz usprawnienia procesów projektowych i wprowadzania innowacji.

Grupa Docelowa

  • Deweloperzy frontend / full-stack / product engineer
  • IT Project Managerowie, Engineering Managerowie (i inne osoby techniczne, które nie programują w pełnym wymiarze swojej roli)
  • Architekci Oprogramowania
  • Zespoły DevOps, utrzymania aplikacji

Cel Warsztatu

  • Zdobycie wiedzy na temat możliwości i zastosowań Next.js (framework React), na podstawie v14, w tym nowych funkcji i najlepszych praktyk w zakresie jego implementacji.
  • Uzyskanie umiejętności tworzenia zaawansowanych aplikacji wykorzystujących routing, SSR, SSG, a także integrację z bazami danych i systemami autentykacji.
  • Opanowanie praktycznych metod efektywnej komunikacji i współpracy w zespołach technologicznych, zarządzania zależnościami i jakością kodu kluczowych w projektach full-stack.
  • Przygotowanie uczestników do wprowadzania innowacji i optymalizacji procesów deweloperskich w ich organizacjach, przyczyniających się do efektywniejszego zarządzania produktami technologicznymi.

Program Warsztatu

Moduł I

Wprowadzenie do Next.js i ekosystemu

 

  • Przegląd możliwości Next.js v14 i jego miejsce w stosie technologicznym

  • Porównanie z innymi frameworkami JavaScript i uzasadnienie wyboru Next.js

  • Instalacja i konfiguracja środowiska deweloperskiego Next.js

  • Omówienie nowych funkcji wersji 14 oraz najlepszych praktyk rozwoju

Moduł II

Routing i struktura aplikacji

 

  • Zrozumienie routingu opartego na systemie plików Next.js

  • Projektowanie efektywnych struktur folderów i komponentów

  • Implementacja dynamicznego routingu i stron podstron

  • Zarządzanie linkami i nawigacją wewnątrz aplikacji

Moduł III

Renderowanie stron i optymalizacja

 

  • Pogłębianie zrozumienia renderowania po stronie serwera (SSR) i pre-renderingu

  • Techniki generowania statycznych stron (SSG) dla optymalizacji wydajności

  • Zaawansowane metody optymalizacji aplikacji Next.js

  • Przykłady użycia i porady dotyczące skalowania projektów

Moduł IV

Zarządzanie danymi i integracja z bazą danych MongoDB (Mongoose)

 

  • Podstawy integracji z MongoDB i wprowadzenie do Mongoose

  • Projektowanie modeli i schematów danych dla aplikacji

  • Pisanie zapytań i przetwarzanie danych w aplikacji Next.js

  • Techniki bezpiecznego przechowywania i dostępu do danych

Moduł V

Pobieranie danych i zarządzanie stanem (useSWR)

 

  • Omówienie podejścia klient-serwer i klient-side fetching

  • Wprowadzenie do useSWR i zarządzania asynchronicznym pobieraniem danych

  • Optymalizacja aplikacji dzięki zastosowaniu cache’owania i refetching

  • Integracja useSWR z komponentami funkcjonalnymi i stronami Next.js

Moduł VI

Autentykacja i bezpieczeństwo (Auth0)

 

  • Podstawy bezpiecznej autentykacji i autoryzacji

  • Wdrażanie przepływu autentykacji z użyciem Auth0 w Next.js

  • Role użytkowników, uprawnienia, i zarządzanie sesjami

  • Najlepsze praktyki zabezpieczania aplikacji full-stack

Moduł VII

Praca zespołowa i zarządzanie projektem full-stack

 

  • Metody komunikacji i współpracy w zespołach wielofunkcyjnych

  • Zarządzanie zależnościami i pracą w środowisku full-stack

  • Kontrola jakości, testowanie i deploy aplikacji Next.js

  • Studia przypadku i analiza ścieżek rozwoju produktu

Visited 33 times, 1 visit(s) today