Next.js 13 w Praktyce: Deployment aplikacji na Vercel

0:01Kolejnym krokiem, jaki ja lubię sobie

0:03robić na początku przez to, żeby mieć wgląd, czy moja aplikacja zbuntuje się na

0:07produkcji, żeby mieć wgląd na to, czy moja aplikacja będzie chodziła live,

0:12to lubię sobie taką aplikację już na samym początku na jakiś serwis.

0:17Jeżeli chodzi o serwis najlepszy serwis do typowania aplikacji.

0:20Jeżeli chodzi o next czy jest to na pewno jest to wersja.

0:24Współtworzę tak naprawdę Nexo, dlatego też polecam Ci korzystanie z tego serwisu.

0:28Deployment swojej aplikacji tutaj jest darmowy, dlatego myślę, że nic nie stoi na

0:32przeszkodzie, żebyś przeszedł te kroki razem ze mną teraz.

0:36W tym celu musimy się zalogować na No Wersal.

0:39Możesz sobie założyć swoje konto.

0:41Ja się tutaj zaloguje za pomocą mojego git

0:43huba i zostaje przeniesiony do mojego portu, gdzie tutaj w porcie jak już

0:48zostaniemy po autentykacji możemy sobie stworzyć nasze projekty.

0:53Jak widzisz mam dwie strony które mam live

0:56i sa te stronki nic nie płacę w tym momencie.

0:58Także to jest moja strona główna,

1:01którą polecam Ci zajrzeć i noworodka fotografii.

1:04To jest strona mojej żony jeżeli chodzi o jej biznes fotograficzny.

1:07My sobie teraz założymy, połączymy nasz projekt, żebyśmy mogli na żywo

1:12przyglądać się temu, czy wszystko działa w czasie naszego developmentu.

1:16Dlatego tutaj tworzymy sobie nowy projekt i szukamy naszego repozytorium Git.

1:21Tutaj możesz wybrać swoje konto.

1:23I mamy Pocket Cap.

1:25Robimy sobie import.

1:26Jest to standardowy deployment Next.

1:29Jest to aplikacja Next.

1:31Tutaj nie musimy sobie nic ustawiać i klikamy sobie deployment,

1:35żeby zobaczyć, czy nasza aplikacja zostaje wypromowana.

1:39Zobaczymy czy nie pojawią się żadne problemy.

1:41Pokazuje Ci w jaki sposób ja podchodzę do budowania aplikacji.

1:45W jakiś sposób możesz Ty podejść do budowania swojego biznesu.

1:48Sass czy cokolwiek innego chcesz sobie zbudować.

1:52No i po zbudowaniu się aplikacji Twoim

1:54oczom powinien się ujrzeć też taki obrazek, który tutaj pozwala Ci stwierdzić

1:59OK, wszystko było w porządku i zobacz mamy na żywo wersję aplikacji, którą

2:03możemy sobie przejść teraz i podejrzeć na żywo w naszej przeglądarce.

2:08To jest nic innego jak to, co sobie zrobiliśmy.

2:10Hello from Pocket. Jest to tylko strona główna naszej

2:13aplikacji, która się w tym momencie nam wyświetla.

2:16Jeżeli zobaczysz sobie link, dostaniesz też link online, który możesz

2:20pokazywać swoją aplikację swoim znajomym już w momencie budowania i sterowania po

2:24niej, po jej funkcjonalnościach, tak żeby ktoś mógł z tego korzystać.

2:28Tak to już, żeby ktoś mógł patrzeć czy to co budujesz ma jakikolwiek sens.

2:32Dlatego polecam Ci takie podejście do budowania swoich projektów z takowych.

2:36Tutaj dostajemy już od razu adres, od razu

2:39po display momencie jesteśmy w stanie pooglądać sobie.

2:43No i tu mamy taki prosty dashboard jeżeli chodzi o samą obsługę wesela.

2:47Będziemy tutaj do tego wracać.

2:49Najważniejsza sekcja to TE Deployment i w

2:51Settings W opcjach Prawdopodobnie będziemy musieli sobie tutaj ustawić jakieś

2:55environment variable związane z łączeniem się z bazą danych.

2:58Pokażę Ci w czasie tego kursu w jaki sposób bardzo prosto możesz sobie zdawać

3:01tutaj za pomocą kopiuj wklej tak naprawdę te wartości environment variable.

3:06No i to tyle. Mamy wypracowaną naszą aplikację.

3:08Teraz kolejny krok, który chciałem Ci opowiadać.

3:11Pokażę Ci kilka ważnych narzędzi, z

3:13których ja zawsze korzystam budujący takowe aplikacje.