Projekt aplikacji SaaS
8 godz. 8 min · Next.js · Full-stack i Programowanie
Daniel NoworytaFull stack DeveloperNaucz się tworzyć bezpieczne systemy uwierzytelniania i autoryzacji, korzystając z Clerk. Pokażę Ci, jak to robić krok po kroku, aby Twoje aplikacje były bezpieczne i profesjonalne.
Zrozumiesz, jak skutecznie i bezboleśnie połączyć swoją aplikację Next.js z bazą danych PostgreSQL na DigitalOcean. Pokażę Ci, jak używać Prismy, aby ułatwić ten proces.
Dowiesz się, jak zarządzać routingiem i nawigacją w swojej aplikacji, aby użytkownicy mogli łatwo i intuicyjnie poruszać się po Twojej stronie.
Pokażę Ci, jak z łatwością wdrożyć swoją aplikację na Vercel, jednym z najpopularniejszych środowisk hostingowych dla aplikacji Next.js.
Nauczysz się zarządzać stanem aplikacji i jak wykorzystać server actions w praktyce, co pozwoli Ci na tworzenie bardziej zaawansowanych i dynamicznych funkcji.
Ten kurs jest dla osób, które już mają pewne doświadczenie z JavaScript i chcą zgłębić swoje zrozumienie Next.js. Zakładamy, że znasz podstawy TypeScript, TailwindCSS, ale nie potrzebujesz doświadczenia z Next.js - wszystko wyjaśnię Ci od podstaw!
Kolejną rzeczą niezbędną w naszym
projekcie będzie zainicjowanie repozytorium na GitHubie.
Także w tym celu zachęcam Cię do przejścia na stronę GitHub.
Kropka. COM.
W tym momencie jest w moim GitHubie.
No i tutaj stworzymy sobie nowe repozytorium do tego kursu.
Ja to repozytorium, z którego będę korzystał przez cały kurs.
Później udostępnię w notatkach, także będziesz miał miała postęp do
poszczególnych lekcji poszczególnych zmian, przez które będziemy razem
przechodzić w tym kursie budując naszą nową aplikację.
Nazwiemy to sobie tutaj Web i public.
Stworzymy sobie nasze repozytorium.
I w tym momencie musimy tylko i wyłącznie wysłać zmiany z naszego komputera
lokalnego, przypisać to repozytorium, które mamy już lokalnie stworzone za
pomocą nexta do tego zdalnego repozytorium.
Robimy to tutaj za pomocą Remote Origin, czyli kopiujemy sobie teraz
to polecenie tutaj i teraz uruchomimy sobie nasz terminal, w
którym już tutaj możemy sobie zamknąć ten serwer, który mieliśmy
poprzednio uruchomiony i wklejamy to polecenie.
Dodajemy origin do naszego repozytorium
zdalnego, które mamy gdzieś tam na serwerze GitHubie.
I w tym momencie co musimy jeszcze zrobić to oczywiście
musimy dodać branch main i wypuszczą nasz branch main.
Przejdźmy sobie teraz jeszcze raz.
Tutaj sprawdźmy sobie status.
Mamy zmiany, które były zrobione w naszej
aplikacji przez to, że chcieliśmy naszą aplikację.
Teraz, jak już dodaliśmy swój origin,
musimy dodać wszystkie zmiany, które wprowadziliśmy w naszym projekcie.
Teraz jak odpaliliśmy git status to mamy już wszystko jest na stażu.
Możemy już sobie komentować git commit
minus i zrobimy sobie init project on repository.
To będzie nasz pierwszy commit w tym nowym projekcie.
Komentujemy to sobie.
No i teraz git push origin.
Meine.
Wypisujemy to sobie na nasze zdalne repozytorium.
Nowy wręcz powinien się pojawić.
Przejdziemy teraz do naszego i przeglądarki poprzez.
Po odświeżeniu w naszej przeglądarce powinniśmy zobaczyć nasz pierwszy branch.
Domyślnym plikiem read, który za chwilkę zmodyfikujemy.
No i z naszymi zmianami, które
wprowadziliśmy, czyli page powinien mieć Hello from Pocket SAP Tag Layout.
Mamy tutaj metadane, które sobie też zmieniliśmy.
No i Global CSS.
Plik CSS, który mamy skonfigurowany domyślnie poprzez next.
Czyli nic. Nie ma tutaj żadnej filozofii i udało nam
się skonfigurować teraz nasze repozytorium.
Dobrą praktyką jest przejście z tego
głównego brnięcia na na to teraz zrobimy czyli git czekał menu z develop.
To będzie branch, na którym będziemy pracować nad naszymi filarami.
Możemy to od razu wypuszczać.
Branch pojawi się w naszym repozytorium zdalnym.
Będzie to lustrzana kopia tego, co mamy w
mainie na chwilę obecną, czyli jak przejdziemy do kodu tutaj.
No to mamy.
Branch Develop pojawił się w naszym repozytorium.
Ja na potrzeby tego kursu postaram się
tworzyć osobne branch do każdej ze zmian, którą będziemy
po kolei wprowadzać, tak byś mógł mogła sobie łatwo śledzić te zmiany, które będę
wprowadzał w tym projekcie, żebyś mógł mogła potem krok po kroku sobie
odtworzyć mój sposób myślenia w sposób budowania aplikacji, tak żebyś mógł mogła
budować tę aplikację po swojemu, dla siebie.
Także łatwiej jest prześledzić ten tok myślenia, myślenia, jeżeli będziesz miał
do dyspozycji poszczególne branch poszczególnych
funkcjonalności i zmian, który będziemy sobie aplikować w naszej aplikacji.