Next.js 13 w Praktyce: Serwisy bazodanowe i setup PostgreSQL na DigitalOcean

0:00Tak naprawdę żadna aplikacja takowa nie

0:03obejdzie się bez bazy danych, na której będziemy mogli przechowywać czy to dane

0:08użytkowników, czy dane związane z funkcjonalnością naszej aplikacji.

0:12W naszym przypadku będą to subskrypcje i płatności danego użytkownika.

0:16I ja co prawda skorzystam z

0:20z bazy danych, natomiast Ty możesz sobie skorzystać z innych serwisów.

0:23Pokażę Ci kilka alternatyw bezpłatnych, to tu możesz sobie skorzystać.

0:28Jeżeli chodzi o najbardziej popularną.

0:31Jeżeli chodzi o development to mamy docker docker image, który możesz sobie

0:35wykorzystać do postawienia swojej bazy danych lokalnie.

0:39Tam uzyskasz connection string, który

0:41będzie potrzebny do tego, żebyśmy mogli połączyć Prime z naszą bazą danych,

0:45żebyśmy mogli pracować na naszej bazie danych.

0:48Jeżeli chodzi o inne alternatywy,

0:50to tak jak mówiłem ja będę korzystał tutaj z digitalu 8

0:55serwisów, z których tak naprawdę korzystamy wykupując czy to swoje VPS, czy

0:59stawiając swoje aplikacje, czy stawiając swoje bazy danych.

1:03Jest to najbardziej mi znany serwis i lubię z niego sobie.

1:06Dlatego w tym kursie pokażę Ci w jaki sposób możesz sobie zrobić te bazy danych

1:11w tym serwisie zarówno bazy danych i połączenia z tą baza danych.

1:15Jeżeli chodzi o alternatywy to mamy też bardzo fajny startup, który się rozwija.

1:21Tutaj też możesz sobie stworzyć swoją bazę danych SQL ową.

1:27Kolejnym serwisem, z którego możesz sobie

1:28skorzystać na potrzeby developmentu tej aplikacji jest Railway.

1:32Tu też można sobie postawić darmową

1:35bazę danych, która też do iluś tam wywołań tak naprawdę jest darmowa.

1:41Także jak najbardziej możesz skorzystać z tej opcji.

1:44Tutaj też uzyskasz na końcu connection string, który będzie potrzebny

1:48nam do tego, żeby skonfigurować połączenie Primy i bazy danych.

1:53No i przejdźmy teraz do Digital 8 i

1:57przejdźmy sobie do tego, żeby kupić jedną bazę danych, która będzie potrzebna

2:02nam do tego, żeby pracować na naszą aplikację.

2:06Ja sobie stworzyć nowy projekt, nadam mu nazwę.

2:11Web Pocket SOAP.

2:16I niech to będzie Education Purpose project.

2:23Skip nie chcemy jeszcze nic tutaj zaznaczasz.

2:25No i mamy Project już zrobiony.

2:27Teraz co chcemy zrobić, Na to potrzebujemy poza danych z których będziemy korzystać.

2:33Czyli przejdziemy sobie do bazy danych.

2:36Ja wybieram najbliższe Data center mojej osobie, ja chce post.

2:41Niech to będzie wersja 15 najtańsza.

2:48I tutaj potrzebujemy.

2:50Tak naprawdę nazwa bazy danych jest obojętna Select Project.

2:55Oczywiście chcemy to w projekcie

2:58Pocket SAP być to retencyjne koszty projekt klaster.

3:04To co jest teraz najważniejsze, to po

3:06stworzeniu takiej bazy danych uzyskujemy tzw.

3:10connection string.

3:12To jest nam potrzebne tutaj

3:14do tego, żebyśmy mogli połączyć się z naszą bazą danych.

3:18Ja tutaj na potrzeby oczywiście tego kursu zasłonie.

3:22Ten connection string natomiast wiesz, powie Ci co z nim zrobić.

3:25Jeżeli uzyskasz connection string do swojej bazy danych,

3:27to postawi sobie na to każe czy też wykupisz tutaj w serwisie Digital 8.

3:34Skopiujesz sobie connection string i przejdziemy do naszej.

3:39Aplikacje do naszego edytora kodu i musimy stworzyć plik konfiguracyjny, mianowicie

3:46doc i będziemy potrzebowali w tym pliku konfiguracyjnym stworzyć tzw.

3:54database URL.

3:57Mamy plik konfiguracyjny i w tym momencie potrzebujemy database URL.

4:03No i ja tutaj wkleję URL, który skopiowałem sobie z serwisu Digital 8.

4:11Teraz nie widzisz, będzie to zasłonięte na video.

4:13Natomiast w taki sposób możesz sobie zapisać ten plik konfiguracyjny.

4:18Kolejna rzecz, o której musisz pamiętać to

4:20to, że w pliku kitek nor musimy sobie wyłączyć nasz token fail.

4:26Nie chcemy tego nigdy przekazywać do

4:29publicznego repozytorium, także dajemy sobie dostęp.

4:32Zapisujemy to wszystko.

4:34Już w tym momencie tak naprawdę.

4:37Pierwsza część związana z zakupem bazy danych jest już zrobiona.

4:41Sprawdźmy sobie jeszcze tylko w naszym terminalu, czy ten plik nie będzie dodany.

4:46Ja sobie teraz przeskoczę na nowy branch.

4:51Mamy nowy branch.

4:52Teraz git status.

4:55Mamy zmodyfikowane pliki.

4:57Zauważ, że tutaj nie mamy nic omówione o

5:00pliku, więc teraz możesz dodać config full db.

5:06W tym momencie oczywiście tylko i wyłącznie dodajemy.

5:09Natomiast za chwilkę przejdziemy do

5:12kolejnych rzeczy, które będą związane z etapem naszej bazy danych.

5:16Mianowicie na pewno będziemy musieli sobie

5:19zainstalować Prisma, która pozwoli nam połączyć się z naszą bazą danych.

5:23Będziemy musieli też

5:25zainstalować odpowiednią paczkę, stworzyć nasz schemat bazy danych.

5:29Natomiast zanim do tego przejdziemy,

5:32przejdziemy sobie do omówienia struktury danych ikon i tego, w

5:37jaki sposób te dane będą się włączyły w naszej aplikacji.