W zimowym semestrze 2023/2024 prowadziłem kolejną edycję Projektu Innowacje na Politechnice Łódzkiej. Tym razem stack to Nuxt 3 (meta-framework Vue), Firebase, Pinia, Vuetify, i18n i Git Flow. Obserwowanie, jak studenci przechodzą od podstaw Vue do Nuxt z file-based routingiem i auto-importami, było dla mnie cennym doświadczeniem.
Technologie: Nuxt 3 (SPA, file-based routing, auto-imports), Firebase (Auth, Firestore, Storage, hosting), Pinia, Vuetify, i18n, Git Flow.
Na początku omawialiśmy różnicę między SSR a CSR. W tym projekcie Nuxt w trybie SPA – bez serwera renderującego, skupienie na interfejsie. Studenci musieli ogarnąć strukturę Nuxt: /pages, /composables, /server. Git Flow: feature branches, release branches, hotfix branches, code review, konflikty. Współpraca przez repozytorium to w IT podstawa; obserwowanie, jak studenci rozwiązują konflikty i komunikują się, pokazało mi wartość wymiany doświadczeń.
Firebase był dla wielu pierwszym „backendem jako usługą”. Pracowaliśmy nad Auth (email/hasło, Google, reset hasła, role), Firestore (kolekcje, dokumenty, real-time, Security Rules). Security Rules okazały się jednym z trudniejszych elementów – myślenie o bezpieczeństwie w sposób deklaratywny. Przejście od „własny serwer” do cloud-first było dla nich ważną zmianą perspektywy.
Pinia do stanu globalnego – kiedy stan globalny, kiedy lokalny. i18n: lazy loading tłumaczeń, locale routing, language switcher.
Projekt finalny: rejestracja, logowanie (email + Google), reset hasła, role, pełny CRUD dla dwóch typów encji (paginacja, wyszukiwanie, real-time), panel admina, minimum dwa języki, responsywność z Vuetify.
Wyzwania: złożoność architektury (przejście z prostego Vue na Nuxt), asynchroniczność i synchronizacja stanu, Firebase Security Rules, Git Flow w praktyce (konflikty = komunikacja i kompromisy).
Dziękuję studentom za zaangażowanie i organizatorom PŁ za możliwość dzielenia się wiedzą. Nuxt i Firebase to dobre narzędzia do nauki zaawansowanych aplikacji webowych.
