Next.js 13 w Praktyce: Seedowanie danymi istniejącego użytkownika

0:00Teraz, kiedy mamy zbudowany już nasz app Content Header, komponent, który

0:04dynamicznie przybiera swój tytuł, pora byśmy zajęli się zatrzymywaniem

0:09danych i pora, byśmy zajęli się tym, żeby nas istniejący już użytkownik w

0:13naszej bazie danych, czyli w tym przypadku żebyśmy go zajęli, dowodzi jakimiś danymi,

0:18które będziemy później mogli używać tutaj w naszym procesie developmentu.

0:23Na chwilę obecną jak sobie przejdziemy na

0:25localhost 5000 555 gdzie powinieneś mieć uruchomiony

0:30Prisma Studio to można sobie to uruchomi za pomocą MPX Prisma Studio.

0:34Jest to taki juice do podglądu stanu bazy

0:37danych, z którym jesteśmy połączeni za pomocą Primy.

0:39I zauważ, że w tym momencie nasz

0:41użytkownik tak naprawdę nie ma żadnych subskrypcji.

0:44Dlatego teraz przejdźmy sobie jeszcze raz

0:46do naszego skryptu cechującego naszą bazę danych.

0:49Mieliśmy to zapisane tutaj z sites i

0:52sprawdźmy czy email naszego użytkownika jest taki sam.

0:56Tak, ja tutaj przez cały proces trwania tego kursu tak naprawdę używałem tego

1:00emaila do rejestrowania się mojego użytkownika.

1:03Dlatego teraz jeżeli chodzi o tę funkcję absurd Ten użytkownik zostanie znaleziony

1:09i dzięki czemu stworzymy sobie subskrypcję.

1:12W przypadku kiedy by go nie było

1:13musielibyśmy stworzyć po prostu tego użytkownika na nowo w naszej bazie danych.

1:17Natomiast my tego użytkownika już mamy z ID przypisanym właśnie z Clarka.

1:22Dlatego teraz zajmiemy się side daniem tych danych.

1:25Tego istniejącego już użytkownika.

1:27Moglibyśmy tutaj oczywiście posłużyć się ID i skopiować sobie to ID.

1:31Możemy to sobie tak naprawdę zrobić dla próby, czyli weźmy sobie ID

1:35i w tym momencie jako ID musimy sobie wkleić tą wartość.

1:38Jeżeli chcemy rzeczywiście dodać dane dla

1:41tego użytkownika zapiszemy sobie ten skrypt znajdujący.

1:44I w tym momencie jak widać cały czas mamy zero subskrypcji.

1:47Natomiast przejdźmy do naszego

1:49terminala i w tym momencie zasypujemy naszą bazę danych poleceniem mpx Prisma

1:55dect i w tym momencie nasza baza danych powinna zostać zacytowana.

1:59Ten z naszego z naszego modułu znajdującego,

2:02który sobie stworzyliśmy w jednym z poprzednich modułów w tym kursie.

2:05I teraz jak przejdziemy do naszej przeglądarki póki co mamy zero.

2:08Natomiast jak odświeżę sobie

2:10to już mamy 11 subskrypcji, czyli zostało dodanych 11 losowych subskrypcji

2:15Google, Spotify i Netflix, na których możemy sobie w tym momencie pracować.

2:19Co więcej, jeszcze do każdej

2:21subskrypcji dodana została płatność i w zależności od tego, kiedy została

2:26wylosowana data, mamy tutaj status albo jest zapłacona, albo jeszcze nie jest

2:30zapłacona, jeżeli ta data dopiero nadchodzi.

2:32Natomiast jeżeli jest data była w przeszłości, to przyjmowaliśmy sobie w

2:36naszym skrypcie, że płatność ma zostać opłacona i w tym momencie mając te dane

2:41możemy sobie przejść teraz dalej do budowania komponentu ze statystykami

2:47i zacytowania tych danych w naszym komponencie Dashboard.