Tworzenie aplikacji Full-Stack z użyciem Vue.js i Nuxt.js

Wprowadzenie do Nuxt.js

• Charakterystyka i zalety frameworka Nuxt.js
• Konfiguracja środowiska deweloperskiego
• Tworzenie nowego projektu Nuxt.js

Routing w Nuxt.js

• Używanie systemu routingu w Nuxt.js
• Definiowanie dynamicznych ścieżek
• Przekazywanie danych między stronami

Server-Side Rendering (SSR) w Nuxt.js

• Zasady działania SSR w Nuxt.js
• Generowanie 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 Nuxt.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

Zarządzanie stanem w Nuxt.js

• Wykorzystywanie Vuex do zarządzania stanem aplikacji
• Organizacja modułów Vuex w Nuxt.js
• Przekazywanie stanu między komponentami

Stylowanie komponentów w Nuxt.js

• Wybór i konfiguracja narzędzi do stylizacji
• Implementacja styli dla komponentów
• Dostosowywanie wyglądu aplikacji

Obsługa formularzy i tworzenie API w Nuxt.js

• Tworzenie i walidacja formularzy w Nuxt.js
• Przesyłanie danych formularzy na serwer
• Obsługa błędów

Deployment aplikacji Nuxt.js

• Przygotowanie aplikacji do produkcji
• Wybór platformy hostingowej
• Publikacja aplikacji na serwerze produkcyjnym