Jump to content

Netlify

Netlify, to alternatywny provider do deploymentu z podobnym za┼éo┼╝eniem do Vercela. Po przyk┼éadowe repozytorium bazuj─ůce na tej stronie, zobacz ajcwebdev/ct3a-netlifyÔćŚ.

Dlaczego hostowa─ç na NetlifyÔÇÖu?

Racjonalizm podpowiada─ç mo┼╝e, i┼╝ Vercel ma znakomite wsparcie dla Next.js, poniewa┼╝ to w┼éa┼Ťnie on jest jego tw├│rc─ů. Vercel ma du┼╝y biznes w zapewnianiu optymalnego do┼Ťwiadczenia i wydajno┼Ťci z Next.js na swojej platformie. W wi─Ökszo┼Ťci przypadk├│w b─Ödzie to prawda i zmiana ┼Ťcie┼╝ki z Vercelem nie b─Ödzie mia┼éa sensu.

Cz─Östo powtarzane jest tak┼╝e to, i┼╝ wiele funkcji z Next.js ma wsparcie jedynie na Vercelu. Chocia┼╝ prawd─ů jest to, i┼╝ nowe funkcje Next.js testowane i wspierane b─Öd─ů na Vercelu od razu po wydaniu, warto pami─Öta─ç, i┼╝ inni dostawcy, tacy jak Netlify, szybko implementuj─ů i wdra┼╝aj─ů wsparcieÔćŚ dla stabilnych funkcji Next.jsÔćŚ.

Zale┼╝nie od tego, co dana aplikacja potrzebuje, ka┼╝da strona od deploymentu posiada swoje wady i zalety - ┼╝adna strona nie jest w stanie rozwi─ůza─ç wszystkich problem├│w. Przyk┼éadowo, Netlify zbudowa┼é sw├│j w┼éasny runtime Next.jsÔćŚ dla w┼éasnych Edge Functions (kt├│re dzia┼éaj─ů na Deno Deploy) i utrzymuje unikalny middleware pozwalaj─ůcy na dost─Öp i modyfikacj─Ö odpowiedzi HTTPÔćŚ.

UWAGA: Aby obserwowa─ç status niestabilnych funkcji Next.js, zobacz Korzystanie z folderu app od Next 13 na NetlifyÔćŚ.

Konfiguracja Projektu

Jest wiele sposob├│w na konfiguracj─Ö sposobu budowania aplikacji bezpo┼Ťrednio poprzez narz─Ödzie CLI od Netlify, czy te┼╝ dashboard Netlify. Cho─ç nie jest to wymagane, polecamy stworzy─ç i do┼é─ůczy─ç plik netlify.tomlÔćŚ. Zapewnia to, i┼╝ system budowania sklonowanych i zforkowanych wersji twojego projektu b─Ödzie ┼éatwiejszy w odwzorowaniu.

[build]
  command = "next build"
  publish = ".next"

Korzystanie z Dashboardu Netlify

  1. Wrzu─ç sw├│j kod do repozytorium GitHuba i zarejestruj si─Ö na stronie NetlifyÔćŚ. Po stworzeniu konta, kliknij na Add new site (dodaj now─ů stron─Ö) a nast─Öpnie na Import an existing project (zaimportuj istniej─ůcy projekt).

Nowy projekt na Netlify

  1. Po┼é─ůcz swojego dostawc─Ö Gita.

Importowanie repozytorium

  1. Wybierz repozytorium swojego projektu.

Wybierz repozytorium swojego projektu

  1. Netlify wykryje, czy posiadasz plik netlify.toml i automatycznie skonfiguruje polecenia budowania i publikowany folder.

Ustawienia budowania Next.js

  1. Kliknij na Show advanced (poka┼╝ zaawansowane) a nast─Öpnie na New variable (nowa zmienna), aby doda─ç swoje zmienne ┼Ťrodowiskowe.

Dodaj zmienne ┼Ťrodowiskowe

  1. Kliknij na Deploy site (opublikuj stron─Ö), poczekaj a┼╝ budowanie si─Ö zako┼äczy i otw├│rz swoj─ů now─ů stron─Ö.

Korzystanie z nadz─Ödzia CLI Netlify

Aby wrzuci─ç stron─Ö z konsoli, musisz najpierw opublikowa─ç sw├│j projekt do repozytorium na GitHubie i zainstalowa─ç narz─Ödzie CLI od NetlifyÔćŚ. Mo┼╝esz zainstalowa─ç netlify-cli jako zale┼╝no┼Ť─ç projektu, lub globalnie na swoim urz─ůdzeniu korzystaj─ůc z polecenia:

npm i -g netlify-cli

Aby przetestowa─ç lokalnie sw├│j projekt, uruchom polecenie ntl devÔćŚ i otw├│rz localhost:8888ÔćŚ, aby zobaczy─ç lokalnie odpalon─ů aplikacj─Ö Netlify.

ntl dev

Uruchom polecenie ntl initÔćŚ aby skonfgurowa─ç sw├│j projekt:

ntl init

Zaimportuj zmienne ┼Ťrodowiskowe swojego projektu z pliku .env poleceniem ntl env:importÔćŚ:

ntl env:import .env

Wrzu─ç do sieci sw├│j projekt korzystaj─ůc z polecenia ntl deployÔćŚ. Aby zbudowa─ç projekt przed jego publikacj─ů, b─Ödziesz musia┼é doda─ç flag─Ö --build. Aby wrzuci─ç projekt pod g┼é├│wny URL aplikacji, dodaj flag─Ö --prod:

ntl deploy --prod --build

Aby zobaczy─ç dzia┼éaj─ůcy przyk┼éad na Netlify, odwied┼║ stron─Ö ct3a.netlify.appÔćŚ.


Recent Contributors To This Page