Czy Netflix używa następnego JS?

Spis treści

Budowanie pełnego stosu klonu Netflix za pomocą React, Tailwind CSS, następny.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

Szukasz sposobu na stworzenie przyciągającej wzrok strony internetowej z najnowszymi technologiami? Jeśli tak, to budowanie pełnego stosu klonu Netflix za pomocą React, Tailwind CSS, następny.JS, Prisma, MongoDB, NextAuth & Vercel to idealny projekt dla Ciebie. W tym samouczku pokażemy Ci, jak razem korzystać ze wszystkich tych technologii, aby zbudować w pełni funkcjonalną stronę internetową, która wygląda i działa tak jak Netflix. Więc zacznijmy!

Pierwsze kroki – Konfigurowanie środowiska

Zanim zaczniemy nasz pełny projekt Netflix Clone, musimy skonfigurować nasze środowisko i upewnić się, że wszystko jest gotowe do pracy. Pierwszym krokiem jest upewnienie się, że masz węzeł.JS zainstalowane na twoim komputerze, jeśli nie możesz pobrać go z oficjalnej strony internetowej (https: // nodejs.org/en/). Po uzyskaniu węzła.Zainstalowane JS musimy również zainstalować NPM, który oznacza Menedżer pakietów węzłów i jest używany do zarządzania pakietami w węźle.Projekty JS (https: // www.NPMJS.com/). Po zainstalowaniu obu możemy przejść do następnego kroku, który konfiguruje katalog projektu i instalowanie wszystkich naszych zależności.

Będziemy używać React do naszej front-end framework, a także CSS Tailwind do stylizacji i NextAuth do celów uwierzytelniania, a także usługi hostingowej Vercel i MongoDB jako naszego rozwiązania bazy danych wraz z biblioteką Prisma ORM, która pozwala nam uzyskać dostęp do danych przechowywanych w MongoDB przez obiekty JavaScript zamiast SQL. Aby zainstalować wszystkie te zależności, użyjemy NPM, uruchamiając „NPM Instal [Nazwa zależności]” w naszym oknie terminali lub wiersza polecenia po nawigacji do naszego katalogu projektu. To zainstaluje wszystkie niezbędne pakiety w naszym katalogu projektu, aby były one łatwo dostępne w razie potrzeby w ramach czasowych programowania.

Po zakończeniu całej tej konfiguracji nadszedł czas, aby rozpocząć kodowanie! Zaczniemy od utworzenia podstawowej struktury naszej aplikacji, takich jak komponenty, strony i trasy, a także skonfigurowanie funkcji uwierzytelniania za pomocą NextAuth, które powinny być stosunkowo proste, jeśli znasz już wzorce rozwoju React (jeśli nie istnieje wiele samouczków online, które mogą pomóc). Po tym nadszedł czas, aby przejść do stylizacji CSS z Tail -Inwind, który zapewnia programistom łatwy sposób na szybkie zastosowanie stylów bez zbyt dużej wiedzy na temat CSS (chociaż pewna wiedza może być nadal pomocna). Gdy wszystko wygląda dobrze na papierze, nadszedł czas, aby połączyć to wszystko, konfigurując połączenia bazy danych z Prisma & MongoDB, a następnie konfiguracja routingu między różnymi stronami w naszej aplikacji, zanim w końcu wdraża ją na żywo przy użyciu usługi hostingu w sprawie Vercel, która powinna zapewnić nam wystarczającą stabilność i prędkość niezbędną do jakiejkolwiek aplikacji produkcyjnej, nie mając zbyt dużego bólu głowy lub kosztów związanych z zarządzaniem serwerami (zależnymi od poziomów użytkowania).

Podsumowanie i kluczowe punkty

1. Budowanie pełnego stosu klonu Netflix za pomocą React, Tailwind CSS, następny.JS, Prisma, MongoDB, NextAuth & Vercel to świetny projekt dla tych, którzy chcą uczyć się i korzystać z najnowszych technologii w tworzeniu stron internetowych.

2. Pierwszym krokiem jest skonfigurowanie środowiska poprzez instalowanie węzła.JS i NPM.

3. Zależności, takie jak React, Tailwind CSS, NextAuth, Prisma i MongoDB, należy zainstalować za pomocą NPM.

4. NextAuth zapewnia funkcjonalność uwierzytelniania aplikacji.

5. Tailwind CSS służy do stylizacji aplikacji, co ułatwia stosowanie stylów bez głębokiej wiedzy CSS.

6. Prisma i MongoDB są używane do operacji bazy danych, umożliwiając dostęp do danych przechowywanych w MongoDB za pośrednictwem obiektów JavaScript.

7. Routing między różnymi stronami aplikacji jest konfigurowany za pomocą następnego.JS.

8. Usługa hostingowa Vercel służy do wdrożenia aplikacji na żywo.

9. Proces budowania klonu Netflix pełnego stosu może zająć czas i poświęcenie, ale dostępne są zasoby, takie jak samouczki i dokumentacja, aby pomóc w procesie uczenia się.

10. Ważne jest, aby skupić się na nauce jednej rzeczy na raz i osiągnięciu stopniowego postępu w czasie.

Pytania i odpowiedzi

1. Jakie technologie są wykorzystywane do budowania pełnego stosu klonu Netflix?

Zastosowane technologie obejmują React, Tailwind CSS, następny.JS, Prisma, MongoDB, NextAuth i Vercel.

2. Jaki jest pierwszy krok w konfiguracji środowiska dla projektu?

Pierwszym krokiem jest zainstalowanie węzła.JS i NPM.

3. Jak można zainstalować zależności w projekcie?

Zależności można zainstalować za pomocą NPM, uruchamiając „NPM Install [Nazwa zależności]” w terminalu lub montorze polecenia.

4. Jaka jest rola NextAuth w projekcie?

NextAuth zapewnia funkcjonalność uwierzytelniania aplikacji.

5. W jaki sposób Tailwind CSS przyczynia się do projektu?

Tailwind CSS służy do stylizacji aplikacji, co ułatwia stosowanie stylów bez głębokiej wiedzy CSS.

6. Do czego służy prisma i mongoDB?

Prisma i MongoDB są używane do operacji bazy danych, umożliwiając dostęp do danych przechowywanych w MongoDB za pośrednictwem obiektów JavaScript.

7. W jaki sposób konfigurowane między różnymi stronami aplikacji?

Routing jest konfigurowany za pomocą następnego.JS.

8. Jaka usługa hostingowa służy do wdrożenia aplikacji na żywo?

Używana jest usługa hostingowa w Velcel.

9. Czy są dostępne zasoby, które pomogą w budowaniu pełnego stosu klonu Netflix?

Tak, istnieją zasoby, takie jak samouczki i dokumentacja, aby pomóc w procesie uczenia się.

10. Jakie jest zalecane podejście do nauki i budowania projektu?

Skoncentruj się na nauce jednej rzeczy na raz i w czasie osiągnięcia stopniowego postępu.

Czy Netflix używa następnego JS?

Spis treści

Budowanie pełnego stosu klonu Netflix za pomocą React, Tailwind CSS, następny.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

Szukasz sposobu na stworzenie przyciągającej wzrok strony internetowej z najnowszymi technologiami? Jeśli tak, to budowanie pełnego stosu klonu Netflix za pomocą React, Tailwind CSS, następny.JS, Prisma, MongoDB, NextAuth & Vercel to idealny projekt dla Ciebie. W tym samouczku my’LL pokazuje, jak korzystać ze wszystkich tych technologii, aby zbudować w pełni funkcjonalną stronę internetową, która wygląda i działa tak jak Netflix. Więc pozwól’S zacznij!

Pierwsze kroki – Konfigurowanie środowiska

Zanim zaczniemy nasz pełny projekt Netflix Clone, musimy skonfigurować nasze środowisko i upewnić się, że wszystko jest gotowe do pracy. Pierwszym krokiem jest upewnienie się, że masz węzeł.JS zainstalowane na twoim komputerze, jeśli nie możesz pobrać go z oficjalnej strony internetowej (https: // nodejs.org/en/). Po uzyskaniu węzła.Zainstalowane JS musimy również zainstalować NPM, który oznacza Menedżer pakietów węzłów i jest używany do zarządzania pakietami w węźle.Projekty JS (https: // www.NPMJS.com/). Po zainstalowaniu obu możemy przejść do następnego kroku, który konfiguruje katalog projektu i instalowanie wszystkich naszych zależności.

Będziemy używać React do naszej front-end framework, a także CSS Tailwind do stylizacji i NextAuth do celów uwierzytelniania, a także usługi hostingowej Vercel i MongoDB jako naszego rozwiązania bazy danych wraz z biblioteką Prisma ORM, która pozwala nam uzyskać dostęp do danych przechowywanych w MongoDB przez obiekty JavaScript zamiast SQL. Aby zainstalować wszystkie te zależności, użyjemy NPM, uruchamiając “NPM instaluj [nazwa zależności]” W naszym oknie terminalu lub wiersza polecenia po nawigacji do naszego katalogu projektu. To zainstaluje wszystkie niezbędne pakiety w naszym katalogu projektu, aby były one łatwo dostępne w razie potrzeby w ramach czasowych programowania.

Po zakończeniu całej tej konfiguracji’czas, aby rozpocząć kodowanie! My’Zacznij od utworzenia podstawowej struktury naszej aplikacji, takich jak komponenty, strony i trasy, a także konfiguracja funkcji uwierzytelniania za pomocą NextAuth, która powinna być stosunkowo prosta, jeśli znasz już wzorce rozwoju React (jeśli nie istnieje wiele samouczków online, które mogą pomóc). Po tym’S zrobił to’Czas na przejście do stylizacji z CSS z Tailwind, który zapewnia programistom łatwy sposób szybkiego stosowania stylów bez zbyt dużej wiedzy na temat CSS (chociaż pewna wiedza może być nadal pomocna). Gdy wszystko wygląda dobrze na papierze’czas, aby rozpocząć łączenie tego wszystkiego, konfigurując połączenia bazy danych z Prisma & MongoDB, a następnie konfigurowanie routingu między różnymi stronami w naszej aplikacji, zanim w końcu wdrożył je na żywo przy użyciu usługi hostingowej w Velcel, która powinna zapewnić nam wystarczającą stabilność i prędkość niezbędną do każdej aplikacji produkcyjnej bez zbyt dużego bólu głowy lub kosztów związanych z zarządzaniem serwerami (w zależności od poziomów użytkowania).

Wniosek

Budowanie pełnego stosu klonu Netflix za pomocą React, Tailwind CSS, NextJS, Prisma, MongoDB, Next Auth & Vercel jest zdecydowanie możliwe, biorąc pod uwagę wystarczającą ilość czasu i poświęcenia, ale może wydawać się zniechęcające, zwłaszcza jeśli jesteś nowy w tworzeniu stron internetowych lub Don Don Don’T mają jeszcze duże doświadczenie w pracy z tymi technologiami – jednak nie obawiaj się, ponieważ istnieje wiele zasobów, takich jak samouczki, dokumentacja, przykładowe projekty itp . Należy również pamiętać, że budowanie pełnej bogatej strony internetowej, takiej jak ta zwykle zajmuje miesiące, jeśli nie lata, więc Don’t Oczekuj od razu doskonałości, ale raczej skup się na nauce jednej rzeczy na raz, jednocześnie robiąc niewielki postęp w czasie . Powodzenia!

Czy Netflix używa następnego JS?

Оjed

Ыы зарегистрир John. С помощю этой страницы ыы сожем оRipееделить, что запросы оRтравляете имено ыы, а не роvert. Почем это могло пRроизойиS?

Эта страница отображается тех слччаях, когда автоматическими системамgz которые наршают усовия исполззования. Страница перестанеura. До этого момента для исползования слжжж Google неоtoś.

Источником запросов может слжить ведоносное по, подкbarów. ыылку заRzy. Еarag ы исползеете общий доступ и интернет, проблема может ыть с компюююеyn с таким жж жж жесом, кк у комszczeюююе000. Обратитеunks к соем системном адинистратору. Подроlit.

Проверка по слову может также появаятьenia, еaсли ы водите сложные ззапры, оind обычно enia оиизи инenia оtoś еами, или же водите заlektora.

AHMEDTOMY01/NEXTJS-NETFLIX-CLONE

Ten zatwierdzenie nie należy do żadnego oddziału w tym repozytorium i może należeć do widelca poza repozytorium.

Przełącz gałęzie/tagi

Tagi gałęzi

Nie mogło załadować gałęzi

Nic do pokazania

Nie mogło załadować tagów

Nic do pokazania

Nazwa już używana

Tag już istnieje z podaną nazwą gałęzi. Wiele poleceń git akceptuje nazwy tagów i gałęzi, więc tworzenie tej gałęzi może powodować nieoczekiwane zachowanie. Czy na pewno chcesz utworzyć tę gałąź?

Anuluj Utwórz

• Lokalny
• Kodespaces

Https github cli

Użyj git lub kasy z SVN za pomocą adresu URL internetowego.

Pracuj szybko z naszym oficjalnym CLI. Dowiedz się więcej o CLI.

Rejestracja jest wymagana

Zaloguj się, aby korzystać z kodesprzeń.

Uruchamianie pulpitu Github

Jeśli nic się nie stanie, pobierz github komputer i spróbuj ponownie.

Uruchamianie pulpitu Github

Jeśli nic się nie stanie, pobierz github komputer i spróbuj ponownie.

Uruchamianie Xcode

Jeśli nic się nie stanie, pobierz Xcode i spróbuj ponownie.

Uruchamianie kodu Visual Studio

Twój kodespace otworzy się po gotowaniu.

Wystąpił problem z przygotowaniem kody.

Najnowsze zatwierdzenie

GIT Stats

Akta

Nie udało się załadować najnowszych informacji o zatwierdzeniu.

Najnowsza wiadomość o zatwierdzeniu

Popełnić czas

14 października 2020 02:22

19 października 2020 02:05

19 października 2020 02:05

15 października 2020 00:55

15 października 2020 03:42

19 października 2020 01:34

17 października 2020 06:09

19 października 2020 02:05

19 października 2020 01:42

14 października 2020 02:11

11 października 2020 20:07

17 października 2020 06:09

14 października 2020 02:11

15 lutego 2023 17:51

17 października 2020 06:09

17 października 2020 06:09

11 października 2020 19:06

Readme.MD

Netflix klon zbudowany za pomocą za pomocą
NASTĘPNY.JS & Stylled Components & Firebase

To jest klon witryny Netflix zbudowanej za pomocą za pomocą NASTĘPNY.Komponenty JS & Styled jako front-end i Firebase jako zaplecza. To nie jest replika i nie ma wszystkich funkcji strony internetowej Netflix. To podobna wersja Netflix z moim własnym dotykiem projektowym, pokazując moje umiejętności w następnym.JS & Stylled Elements do zbudowania czegoś zaawansowanego jak Netflix. Zawiera stronę główną, stronę logowania, stronę rejestracyjną, stronę przeglądania i odtwarzacz filmów.

Spójrz na wersję na żywo tutaj: https: // następny-js-netflix-klon.w dziedziniec.App/ ��

Spis treści

Strona główna składa się z 5 głównych sekcji:

1) nagłówek, który obejmuje:

• Logo: przekierowuje Cię do strony głównej po kliknięciu.
• Przycisk podpisania: przekierowuje Cię na stronę logowania.
• Tytuł funkcji i napis: Pokazuje główne zdania strony internetowej.

2) Optform: Jest to pole wejściowe tekstu i przycisk, przekierowuje Cię do strony rejestracji po kliknięciu przycisku.

3) Jumbotron: Ta sekcja zawiera niektóre obrazy i akapity, pokazując zalety Netflix. Dane z tego jumbotronu pochodzą z Jumbo.plik JSON.

4) Często zadawane pytania: Ta sekcja zawiera FAQ w formie akordeonu, po kliknięciu w dowolnym miejscu w szarym obszarze pytania pojawia się odpowiedź poniżej, a następnie możesz zamknąć odpowiedź, klikając ponownie na tym samym szarym obszarze pytania. Dane z tych często często pochodziły z FAQ.plik JSON.

5) stopka: Zawiera przydatne linki użytkownicy mogą tego potrzebować.

### Strona jest w pełni reagowana na wszystkie urządzenia mobilne, nawet te małe. ###

Strona logowania składa się z 3 głównych sekcji:

1) nagłówek, który obejmuje:

• Logo: przekierowuje Cię do strony głównej po kliknięciu.

2) Formularz logowania, który obejmuje:

• Pole wejściowe adresu e -mail.
• Pole wprowadzania hasła.
• Przycisk podpisania: ma opcję sprawdzania poprawności, jeśli dowolne pole w formularzu jest puste, zostanie wyłączone. Jeśli pola formularza mają jakieś dane, będą aktywne i wyśle ​​dane do bazy danych FireBase w zapleczu w celu uwierzytelnienia. Ma również funkcję obsługi błędów.
• Link do strony rejestracji: przekierowuje Cię do strony rejestracji.

3) stopka: Zawiera przydatne linki użytkownicy mogą tego potrzebować.

### Strona jest w pełni reagowana na wszystkie urządzenia mobilne, nawet te małe. ###

Strona rejestracji składa się z 3 głównych sekcji:

1) nagłówek, który obejmuje:

• Logo: przekierowuje Cię do strony głównej po kliknięciu.

2) Formularz rejestracji, który obejmuje:

• Pole wejściowe imienia.
• Pole wejściowe adresu e -mail.
• Pole wprowadzania hasła.
• Przycisk rejestracji: ma opcję sprawdzania poprawności, jeśli dowolne pole w formularzu jest puste, zostanie wyłączone. Jeśli pola formularza mają jakieś dane, będą aktywne i wyśle ​​dane do bazy danych FireBase w zapleczu w celu rejestracji. Ma również funkcję obsługi błędów.
• Link do strony logowania: przekierowuje Cię do strony logowania.

3) stopka: Zawiera przydatne linki użytkownicy mogą tego potrzebować.

### Strona jest w pełni reagowana na wszystkie urządzenia mobilne, nawet te małe. ###

Strona przeglądania składa się z 5 głównych sekcji:

1) nagłówek, który obejmuje:

• Logo: przekierowuje Cię na stronę główną za każdym razem, gdy ją klikniesz.
• Linki do kategorii: Pokazuje filmy z konkretnej kategorii po kliknięciu na przykład, na przykład, jeśli klikniesz link filmowy, będzie aktywny, a strona przeglądania wyświetli tylko filmy. A jeśli klikniesz link serii, będzie aktywny, a strona przeglądania wyświetli tylko serię.
• Wyróżniony tytuł filmu i opis: pokazuje tytuł i opis polecanego filmu.
• Play Button: Pokazuje odtwarzacz wideo do odtwarzania filmu.

2) Slajdy filmowe: To slajdy pokazuje filmy oparte na ich gatunku. Gatunki i wszystkie informacje o filmie zostały pobrane z bazy danych Firebase.

3) Karta filmowa: To obraz reprezentuje film, gdy unosisz się nad nim, stał się większy i pokaże funkcję karty, jeśli klikniesz na niego.

4) Funkcja karty: To kolejna sekcja, która pojawia się pod slajdem filmowym Jeśli klikniesz dowolną kartę filmową, zawiera więcej informacji o filmie, takim jak tytuł, opis, specjalne tło reprezentujące film i przycisk odtwarzania. Po kliknięciu przycisku odtwarzania pokazuje odtwarzacz wideo, aby odtworzyć film. i możesz zamknąć funkcję karty, klikając ikonę zamknięcia w prawym górnym rogu funkcji karty.

5) Odtwarzacz wideo: Jest to odtwarzacz wideo, który ma pełne elementy sterujące, pojawia się na środku ekranu po kliknięciu dowolnego przycisku odtwarzania, i musisz kliknąć ikonę odtwarzania w odtwarzaczu wideo po jego wyświetleniu, ponieważ obecnie nie ma opcji autoodplay. A kiedy odtwarzacz wideo pokazał, że cały ekran stał się nakładką, a tylko wideo pojawia się w środku, a kiedy przewijasz w górę i w dół, odtwarzacz wideo porusza się z tobą. Odtwarzacz wideo powinien pokazać wideo z tego filmu, które go kliknąłeś, ale dla tego celu pokazuje tylko jeden film jako próbka dla wszystkich filmów.

Możesz zamknąć odtwarzacz wideo w dowolnym momencie, klikając wszędzie indziej na ekranie.

6) stopka: Zawiera przydatne linki użytkownicy mogą tego potrzebować.

### Strona jest w pełni reagowana na wszystkie urządzenia mobilne, nawet te małe. ###

Spójrz tutaj na wersję na żywo: https: // następny-js-netflix-klon.w dziedziniec.App/ ��

Zbudowałem ten projekt przy użyciu następujących narzędzi i technik:

• NASTĘPNY.JS
• Stylowane komponenty.
• React formy.
• React Hooks.
• Zgoda.
• Usecontext.
• Użyj EFEFECT.
• Userouter.
• Zgoda.
• Składniki złożone.
• JSX.
• Firebase.
• Vscode.
• Stylelint.
• Eslint.

Aby móc korzystać z tej aplikacji React lokalnie w środowisku programistycznym, potrzebujesz następujących:

1. Będziesz potrzebować git i węzła.JS zainstalowane na twoim komputerze.
2. Będziesz potrzebował konta w Firebase i powinieneś utworzyć projekt na swoim koncie Firebase poświęconym temu projektowi Netflix.
3. Będziesz potrzebować “./nasionko.plik js „(który dodałem w tym repozytorium), aby wysiewać zaplecza Firebase z informacjami z filmów. Lub możesz użyć swojego pliku z nasion z informacjami, jeśli chcesz.
4. Następnie z terminala powinieneś zrobić następujące czynności:

# Klon ten repozytorium git klon https: // github.com/ahmedtohamy01/NextJS-Netflix-klon # przejdź do repozytorium płyta CD NextJS-Netflix-klon # instaluj zależności NPM Instaluj

1. Wtedy będziesz musiał utworzyć ./src/lib/firebase.szturchać.plik JS w lokalnym repozytorium, treść Firebase.szturchać.plik JS będzie podobny do:

import Firebase z &bdquo;Firebase/App&rdquo;; import &bdquo;Firebase/Firestore&rdquo;; import &bdquo;Firebase/Auth&rdquo;; // 1) Podczas wysiewania bazy danych będziesz musiał to polubić! // import < seedDatabase >z '../nasionko'; próbować  Firebase.inicitioteApp( Klucz API: , Authomain: , DATABASEURL: , ProjectId: , StorageBucket: , Messagingsenderid: , AppId: , >); > złapać (błądzić)  Jeśli (!/już istnieje/.test(błądzić.wiadomość))  konsola.błąd(&bdquo;Podniesiony błąd inicjalizacji Firebase&rdquo;, błądzić.stos); > > // 2) Podczas rozsiewania bazy danych będziesz musiał to polubić! // seedDatabaza (baza ogniowa); // 3) Po wypełnieniu bazy danych (uruchom tylko raz!), ponowna kommina //, więc nie otrzymujesz duplikatów danych eksport domyślny Firebase;

1. Następnie powinieneś użyć informacji o projekcie FireBase, aby wypełnić informacje o konfiguracji w Firebase.szturchać.plik JS.

const konfigurator =  Klucz API: '', Authomain: '', DATABASEURL: '', ProjectId: '', StorageBucket: '', Messagingsenderid: '', AppId: '', >;

1. Następnie powinieneś wysiewać swoją bazę danych Firebase z informacjami w nasieniu.plik JS. , Postępuj zgodnie z następującymi instrukcjami, aby to zrobić:

1) Un-komentarz  następny linia: // import < seedDatabase >z '../nasionko' // seedDatabaza (baza ogniowa); 2) Ratować  Firebase.szturchać.JS. 3) Czekać 2 minuty I sprawdzać twój Firebase Baza danych , Jeśli Ty znaleziony  dane Tam Następnie Odnośnie-komentarz  powyżej 2 linie. Jeśli Ty zrobił nie Odnośnie-Komet  powyżej 2 linie Po  wysiew proces, Ty będzie Dostawać dupliction dane W twój Firebase Baza danych. 

1. Po rozstawieniu bazy danych Firebase informacjami o filmach i ponownym powróceniu do zmian GitHub możesz uruchomić aplikację Netflix React za pomocą następującego polecenia z terminala:

# Uruchom aplikację npm uruchom dev 

1. Teraz możesz zobaczyć projekt w swojej przeglądarce, jak widać w linku demo na żywo. Happy Hacking!

Pokaż swoje wsparcie

Daj ⭐️ Jeśli lubisz ten projekt!

Wskazówka dla wszystkich pomogła mi poznać techniki stosowane w budowaniu tego projektu.

Framework w stanie, gdy ma to znaczenie

AWS i Vercel: Przyspieszenie innowacji za pomocą bezserwerowych obliczeń The Washington Post miało 5 miliardów inwokacji Lambda na tydzień i zobaczyło błyskawiczne zwrot w opracowywaniu nowych funkcji.

5 miliardów + inwokacji Lambda na tydzień

Oświetlenie szybkie zmianę w opracowywaniu nowych funkcji

5 miliardów + inwokacji Lambda na tydzień

Oświetlenie szybkie zmianę w opracowywaniu nowych funkcji

Z następnym.JS, Vercel i Sanity, krosna upoważnia każdą drużynę do iteracji za pomocą następnego.JS i Vercel, Loom był w stanie bezproblemowo wdrażać podgląd i przyspieszyć czas ładowania za pomocą optymalizacji obrazu Vercel.

Podgląd wdrożony płynnie

Szybkie ładunki poprzez optymalizację obrazu

Podgląd wdrożony płynnie

Szybkie ładunki poprzez optymalizację obrazu

Jak Plex 6X ich wrażenia wdrażają następne.JS na Vercel za pomocą ISR na żądanie, Plex widział 40% mniej linii kodu i szybszą propagowanie danych.

40 % mniej linii kodu

ISR na żądanie dla szybszej propagacji danych

40 % mniej linii kodu

ISR na żądanie dla szybszej propagacji danych

Obsłużenie milionów użytkowników w nowym Mrbeast Storefront Mrbeast, jednym z największych twórców treści z 100 milionami subskrybentów YouTube i ponad 200 milionów obserwujących społecznych wdrożyło jego witrynę sklepową za pomocą następnego.JS

100m + YouTube Subs

200 m + wyznawcy społeczni

100m + YouTube Subs

200 m + wyznawcy społeczni

Poruszanie się na kompromisach w piwnicy migracji na dużą skalę odnotowało 79 do 90 rzeczywistych poprawek wyników i 5 minut budowy, z 2 godzin.

90 PRAWDZIWY wynik doświadczenia

5 minutowe czasy budowy

90 PRAWDZIWY wynik doświadczenia

5 minutowe czasy budowy

Dowiedz się, co dalej.JS może zrobić dla Twojej firmy

Największa
na github