Jak bezpłatnie hostować superszybką witrynę internetową w Netlify

stos dżemów witryny są superszybkie, ponieważ obsługują pliki statyczne. Zużywają ogólnie tak mało zasobów procesora i serwera, że ​​platformy takie jak Netlify mogą oferować bezpłatny hosting dobrej jakości.

Netlify to chmura-computing środowisko. Ale w przeciwieństwie do innych platform chmurowych, takich jak AWS i Google Cloud, Netlify jest prosty i łatwy w użyciu. Żadnych skomplikowanych samouczków i długich konfiguracji.

Usługa Netlify ma na celu maksymalnie ułatwić Ci życie, łącząc to, co najlepsze z różnych światów w jedną usługę: przetwarzanie w chmurze, stos dżemów, repozytoria Git i ceny freemium.

Netlify i Jamstack

Netlify od dawna jest częścią ruchu Jamstack i jest jedną z najwcześniejszych i najlepszych platform, które przyczyniają się do rozwoju tej nowoczesnej metody projektowania stron internetowych.

Ruch Jamstack łączy JavaScript, API i znaczniki, aby stworzyć metodologię programowania front-endu, która oddziela się od backendu. Skutkuje to lepszą wydajnością serwera, lepszą bezpieczeństwo, łatwiejsze skalowanie i niższe koszty eksploatacji.

Na przykład GitHub początkowo oferował hosting plików przechowywanych na jego platformie, ale usługa miała swoje ograniczenia. Następnie Netlify przeniosło budowanie kodu strony internetowej z repozytoriów i hosting jej statycznych wariantów na zupełnie nowy poziom. Stworzyło to zupełnie nową branżę z wieloma korzyściami.

Powody, dla których warto korzystać z Netlify

Netlify oznacza tak wiele rzeczy, ponieważ robi tak wiele rzeczy. Łącząc wiele funkcji w jedną usługę i maksymalnie ją automatyzując, platforma oferuje ogromne korzyści firmom każdej wielkości.

Oto główne zalety, jakie możesz uzyskać dzięki Netlify:

• Łatwość użycia – Netlify jest jednym z najłatwiejszych w obsłudze platformy hostingowe w chmurze tam. Nie ma potrzeby czytania długich i zagmatwanych tutoriali. Żadnych skomplikowanych kroków konfiguracyjnych do wykonania ani jeszcze bardziej skomplikowanych procedur konserwacyjnych. Netlify po prostu działa.
  
  Oprócz tego system oferuje elastyczne funkcje obliczeniowe, takie jak inne środowiska chmurowe. Gwarantuje to, że gdy nadejdzie czas, Twoja witryna lub usługa będzie skalowana z wdziękiem, aby obsłużyć skoki ruchu bez typowych wąskich gardeł zaplecza.
  
• Sieć dystrybucji treści – W ramach swojej prostoty i łatwości obsługi usługa Netlify obejmuje sieć dystrybucji treści o nazwie Netlify Edge. Wdraża Twoje strony internetowe w wielu lokalizacjach, aby jak najszybciej udostępnić je pobliskim odwiedzającym.
  
  Wielką zaletą tej usługi jest to, że nie musisz zmieniać ani konfigurować żadnych ustawień, aby uzyskać najlepsze wyniki. Po wdrożeniu witryny zaktualizujesz jednocześnie wszystkie zasoby sieciowe i kod. Wszystkie pamięci podręczne są natychmiast unieważniane i aktualizowane na całym świecie. Możesz także łatwo i natychmiastowo przywrócić poprzednią wersję witryny.
  
  Netlify zarządza większością tego automatycznie za Ciebie. Jedyna różnica polega na liczbie usług i lokalizacji brzegowych, które otrzymujesz, ponieważ bezpłatny plan ma pewne ograniczenia.
  
• Bezpłatny plan – Netlify to freemium oprogramowanie jako usługa platforma. Jednak w przeciwieństwie do innych platform przetwarzania w chmurze, bezpłatne konto jest całkowicie bezpłatne. Nie jest wymagana żadna karta kredytowa.
  
  Mimo to ten darmowy plan zawiera wiele imponujących funkcji. Takie jak automatyczne kompilacje Git, sieć brzegowa wdrożenia, natychmiastowe przywracanie poprzednich wersji, podgląd na żywo przed wdrożeniem i bezpłatne funkcje bezserwerowe.
  
• Zautomatyzowane kompilacje – Otrzymujesz także Netlify Build za darmo. Ten CI/CD (ciągła integracja/ciągłe wdrażanie) ułatwia zarządzanie rozwojem i ulepszeniami witryny. Automatycznie odbudowuje się z Twojego repozytorium za każdym razem, gdy przesyłasz nowe aktualizacje na swoje konto Git.
  
  Wszystko jest w pełni zautomatyzowane i dostępne są podglądy informujące o tym, co będziesz wdrażać. Możesz także skonfigurować każdy etap procesu, a powrót do poprzednich kompilacji nie wymaga żadnego wysiłku.
  
• Funkcje Netlify – Każda witryna, którą wdrażasz na platformie Netlify, zapewnia dostęp do funkcji bezserwerowych, których możesz używać do wielu celów. Te funkcje Netlify to procesy po stronie serwera działające na kodzie JavaScript.
  
  Każda witryna otrzymuje bezpłatnie 125 XNUMX wywołań, a opłatę należy uiścić dopiero po przekroczeniu tego limitu. Możesz używać funkcji do obsługi obrazów, wysyłania e-maili, sprawdzania poprawności danych wprowadzonych przez użytkownika, a nawet pobierania danych z innych punktów końcowych API.
  
• Formularze automatyczne – Netlify ułatwia integrację formularzy z Twoim witryna statyczna i przechwytuj wszystkie zgłoszenia bez skomplikowanego kodowania i innych stresujących problemów. Po prostu dodaj atrybut „netlify” do dowolnego formularza, np … i tyle.
  
  Następnie możesz wyświetlić wszystkie zgłoszenia w swoim panelu, z formularzami starannie ułożonymi według nazw. System jest wyposażony w funkcję antyspamową, a Netlify może Cię dodatkowo powiadamiać E-mail, Slack lub webhooki po przesłaniu.
  
  Inne opcje obejmują przekazywanie przesłanych formularzy do ponad 1,000 aplikacji przy użyciu integracji Netlify z Zapier.
  
• NetlifyCMS – Aplikacja NetlifyCMS to wygodny edytor dla dowolnej witryny statycznej hostowanej na platformie Netlify za pośrednictwem dostawcy Git, takiego jak GitHub. Pobiera wszystkie dane z repozytorium i tworzy łatwy w użyciu interfejs zarządzania.
  
  NetlifyCMS to jednostronicowa aplikacja React zbudowana przez społeczność ponad 100 współpracowników. Jest przyjazny dla edytora, oferuje intuicyjny przepływ pracy, jest całkowicie darmowy i sprawia, że ​​zarządzanie witrynami Jamstack jest zabawą.
  
• Bezpłatny HTTPS – Wszystkie konta hostingowe Netlify zawierają bezpłatny protokół HTTPS. Czyli darmowe certyfikaty SSL (Secure Socket Layer).

Konta i ceny

Netlify to bezpłatna usługa oprogramowania. Dostępny jest całkowicie darmowy plan Starter, plan Pro za 19 USD na członka miesięcznie, plan Business za 99 USD na członka miesięcznie oraz plan Enterprise z niestandardowymi cenami.

Imponującą rzeczą w Netlify jest to, że możesz wiele zrobić dzięki darmowemu planowi Starter. Zaprojektowany z myślą o osobistych projektach, eksperymentach, witrynach hobbystycznych i innych przygodach, plan Starter obejmuje automatyczne kompilacje z 300 bezpłatnymi minutami tworzenia miesięcznie.

Obejmuje także globalne wdrożenia brzegowe, natychmiastowe wycofywanie zmian, NetlifyCMS, funkcje bezserwerowe, przepustowość 100 GB miesięcznie i do 100 bezpłatnych zgłoszeń na witrynę miesięcznie. Ponadto w ramach planu Starter możesz hostować nieograniczoną liczbę witryn.

Plan Pro dodaje więcej funkcji, takich jak witryny chronione hasłem, funkcje w tle, więcej minut kompilacji i przepustowość, a także wiele innych. Te dodatkowe funkcje zwiększają się w miarę przechodzenia w kierunku wyższych planów.

Jak bezpłatnie hostować witrynę internetową w Netlify

Netlify pokonuje inne firmy zajmujące się przetwarzaniem w chmurze i hostingiem, takie jak AWS, Google Cloud i Azure, pod względem prostoty. Tak, mają większą infrastrukturę, mocniejsze maszyny i centra danych na całym świecie, ale ich konfiguracja może być nudna.

Oto krok po kroku proces konfiguracji, który pokazuje, jak łatwo jest hostować witrynę Jamstack na Netlify.

1. Zarejestruj się i zaloguj

Pierwszym krokiem jest nawigacja do aplikacja.netlify.com i zarejestruj się, jeśli jeszcze tego nie zrobiłeś. Zostaniesz przywitany pięcioma różnymi metodami logowania, z GitHub do GitLab, bitbucket, e-mail i SSO.

Po rejestracji będziesz musiał także zalogować się na swoje konto e-mail, aby znaleźć wiadomość potwierdzającą od Netlify. Kliknij na niego, aby zweryfikować swoje konto i zalogować się do systemu.

2. Dodaj nową witrynę

Ładowanie aplikacji zajmuje kilka sekund. Następnie zostanie wyświetlony krótki kwestionariusz zawierający takie informacje, jak nazwa Twojego zespołu i tak dalej. Po prostu wypełnij wszystko uczciwie. Pamiętaj jednak, że bezpłatny plan obejmuje tylko jednego członka – Ciebie.

Po przejściu tego etapu znajdziesz się w domyślnym panelu kontrolnym. Kliknij „Nowa witryna z Git”, aby hostować nową witrynę. Możesz też przeciągnąć i upuścić folder zawierający pliki statyczne do zaznaczonego obszaru na desce rozdzielczej, a Netlify zajmie się resztą.

3. Połącz GitHuba

Kliknięcie przycisku z kroku 2 powyżej otworzy nowe okno z monitem o połączenie nowej witryny z GitHubem lub dowolnym innym repozytorium Git, takim jak GitLab i Bitbucket. W tym momencie upewnij się, że masz zarejestrowane konto Git i że pliki Twojej witryny znajdują się już w repozytorium.

4. Autoryzuj Netlify

Teraz wystarczy poinformować GitHub, aby zezwolił Netlify na dostęp do Twojego konta GitHub i wszystko zostanie załatwione.

5. Wybierz swoje repozytorium

Każda standardowa witryna Netlify jest połączona z jednym repozytorium. Wybierz ten, którego chcesz użyć i przejdź dalej.

6. Skonfiguruj ustawienia kompilacji

Będziesz musiał poświęcić trochę uwagi tej stronie. Jeśli masz już witryny statyczne i nie używasz żadnych preprocesorów, możesz ustawić katalog publikowania na „/”. I pozostaw pole polecenia kompilacji puste.

Jeśli natomiast używasz generatora witryn statycznych, takiego jak Gatsby lub Next, to, co tu wpiszesz, będzie zależeć od generatora. Możesz sprawdzić tę listę wspólne konfiguracje, aby wiedzieć, co wpisać.

7. Buduj i wdrażaj

Gdy wszystko zostanie ustawione, kliknij „Wdróż witrynę”, a Netlify uruchomi wszystkie niezbędne kompilacje i utworzy Twoją nową, błyszczącą witrynę. Tylko trochę cierpliwości.

8. Skonfiguruj nazwę domeny

Po zbudowaniu i wdrożeniu witryny Netlify nada jej nazwę w domenie *.netlify.app. Możesz później zmienić tę nazwę na coś ładniejszego lub nawet dołączyć do witryny niestandardową domenę.

Netlify umożliwia dołączenie niestandardowej domeny kupionej gdzie indziej lub zakup domeny za pośrednictwem panelu Netlify. A system zajmie się wszystkim. Po prostu kliknij kartę Domeny na pulpicie nawigacyjnym, aby dodać lub zarejestrować nową domenę dla swojej nowej witryny.

Podsumowanie

Dotarliśmy do końca tego prostego przewodnika na temat bezpłatnego hostingu superszybkiej strony internetowej na platformie Netlify. I widziałeś powody i sposób, aby to zrobić.

Teraz możesz albo ręcznie zakodować witrynę statyczną, albo skorzystać z generatora witryn statycznych.