Jump to content

Attention: This page is 4 days older than the English version and might be outdated. If you're a native speaker of this language and would like to contribute to the project, please consider updating this page to match the latest English version.

You can also view the English version of this page.

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