Kako besplatno ugostiti superbrzu web stranicu na Netlifyju

Jamstack stranice su super brze jer poslužuju statične datoteke. Sveukupno koriste toliko malo CPU-a i poslužiteljskih resursa da platforme poput Netlifyja mogu ponuditi besplatno i kvalitetno hosting.

Netlify je okruženje za računalstvo u oblaku. Ali za razliku od drugih platformi u oblaku kao što su AWS i Google Cloud, Netlify je jednostavan i lak za korištenje. Nema kompliciranih uputa i dugotrajnih postavljanja.

Usluga Netlify ima za cilj učiniti vaš život što lakšim kombinirajući najbolje iz različitih svjetova u jednu uslugu: računalstvo u oblaku, Jamstack, Git repozitoriji i besplatne cijene.

Netlify & The Jamstack

Netlify je već dugo dio Jamstack pokreta i jedna je od najranijih i najboljih platformi koje doprinose rastu ove moderne metode web-dizajna.

Pokret Jamstack kombinira JavaScript, API-je i Markup kako bi stvorio front-end razvojnu metodologiju koja se odvaja od back-enda. To rezultira boljom izvedbom poslužitelja, boljom sigurnošću, lakšim skaliranjem i nižim operativnim troškovima.

GitHub je, na primjer, u početku nudio web hosting za datoteke koje se nalaze na njegovoj platformi, ali usluga je imala svoja ograničenja. Tada je Netlify podigao izradu koda web stranice iz repozitorija i hosting njegovih statičnih varijanti na potpuno novu razinu. A ovo je stvorilo potpuno novu industriju s mnogim prednostima.

Razlozi za korištenje Netlifyja

Netlify znači toliko stvari jer radi toliko stvari. Kombinirajući mnoge značajke u jednu uslugu i automatizirajući što je više moguće, platforma nudi velike pogodnosti za tvrtke svih veličina.

Sljedeće su glavne prednosti koje možete dobiti od Netlifyja:

• Jednostavnost korištenja – Netlify je jedna od platformi za hosting u oblaku koja se najjednostavnije koristi. Nema potrebe čitati duge i zbunjujuće upute. Nema kompliciranih koraka za postavljanje ili još kompliciranijih rutina održavanja. Netlify jednostavno radi.
  
  Uz sve to, sustav nudi elastične računalne značajke poput drugih okruženja u oblaku. To jamči da će se vaša web stranica ili usluga, kada dođe vrijeme, graciozno prilagoditi skokovima prometa bez uobičajenih pozadinskih uskih grla.
  
• Mreža za distribuciju sadržaja – Kao dio svoje jednostavnosti i lakoće korištenja, usluga Netlify uključuje mrežu za distribuciju sadržaja pod nazivom Netlify Edge. Raspoređuje vaše web-stranice na više lokacija kako bi ih poslužio posjetiteljima u blizini što je brže moguće.
  
  Veliki dio ove usluge je to što ne morate podešavati i konfigurirati nikakve postavke kako biste dobili najbolje rezultate. Nakon što implementirate svoje web mjesto, ažurirate sve svoje web elemente i kôd odjednom. Sve predmemorije trenutno se poništavaju i ažuriraju diljem svijeta. Također možete jednostavno i trenutačno vratiti svoje web mjesto na prethodne verzije.
  
  Netlify većinu toga upravlja automatski umjesto vas. Jedina razlika je u broju usluga i rubnih lokacija koje dobivate, jer besplatni plan ima neka ograničenja.
  
• Besplatni plan – Netlify je freemium platforma softvera kao usluge. Ali za razliku od drugih platformi za računalstvo u oblaku, besplatni račun potpuno je besplatan. Kreditna kartica nije potrebna.
  
  Ipak, ovaj besplatni plan uključuje mnoge impresivne značajke. Kao što su automatizirane Git izgradnje, implementacije rubnih mreža, trenutno vraćanje na prethodne verzije, pregledi uživo prije implementacija i besplatne funkcije bez poslužitelja.
  
• Automatizirane građevine – Također dobivate Netlify Build besplatno. Ovaj CI/CD (Continuous Integration/Continuous Deployment) olakšava upravljanje razvojem i poboljšanjima vaše web stranice. Automatski se ponovno gradi iz vašeg repozitorija, svaki put kada gurnete nova ažuriranja na svoj Git račun.
  
  Sve je potpuno automatizirano i dostupni su pregledi kako biste znali što ćete implementirati. Također možete konfigurirati svaki korak procesa i vraćanje na prethodne verzije je jednostavno.
  
• Netlify funkcije – Svaka stranica koju postavite na Netlify platformu dolazi s pristupom funkcijama bez poslužitelja koje možete koristiti za puno stvari. Ove Netlify funkcije su procesi na strani poslužitelja koji se izvode na JavaScript kodu.
  
  Svaka stranica dobiva 125 tisuća poziva besplatno i trebate platiti samo kada prijeđete tu kvotu. Možete koristiti funkcije za rukovanje slikama, slanje e-pošte, provjeru korisničkog unosa, pa čak i dohvaćanje podataka s drugih API krajnjih točaka.
  
• Automatski obrasci – Netlify olakšava integraciju obrazaca u vašu statičnu stranicu i hvatanje svih podnesaka bez opsežnog kodiranja ili drugih stresnih problema. Jednostavno dodajte atribut 'netlify' bilo kojem od vaših obrazaca poput … i to je to.
  
  Tada možete pregledati sve podneske na svojoj nadzornoj ploči, s obrascima pažljivo raspoređenim po nazivu. Sustav dolazi sa značajkom protiv neželjene pošte, a Netlify vas može dodatno obavijestiti putem e-pošte, Slack-a ili web-dojavljivača nakon podnošenja.
  
  Ostale opcije uključuju prosljeđivanje dostavljenih obrazaca na više od 1,000 aplikacija pomoću Netlifyjeve Zapier integracije.
  
• NetlifyCMS – Aplikacija NetlifyCMS praktičan je uređivač za bilo koju statičnu stranicu hostiranu na Netlify platformi putem Git davatelja kao što je GitHub. Uzima sve vaše podatke iz repozitorija i stvara sučelje za upravljanje jednostavno za korištenje.
  
  NetlifyCMS je React aplikacija na jednoj stranici koju je izradila zajednica od preko 100 suradnika. Pogodan je za uređivanje, nudi intuitivan tijek rada, potpuno je besplatan i čini upravljanje Jamstack stranicama zabavnim.
  
• Besplatni HTTPS – Svi Netlify hosting računi uključuju besplatni HTTPS. To su besplatni SSL (Secure Socket Layer) certifikati.

Računi i cijene

Netlify je freemium softverska usluga. Postoji potpuno besplatan početni plan, Pro plan za 19 USD po članu mjesečno, Poslovni plan za 99 USD po članu mjesečno i Enterprise plan s prilagođenim cijenama.

Impresivna stvar kod Netlifyja je to što možete učiniti mnogo s njegovim besplatnim početnim planom. Dizajniran za osobne projekte, eksperimente, stranice za hobije i druge avanture, početni plan uključuje automatizirane izrade s 300 besplatnih minuta izrade mjesečno.

Također uključuje globalne rubne implementacije, trenutna vraćanja, NetlifyCMS, funkcije bez poslužitelja, 100 GB propusnosti mjesečno i do 100 besplatnih podnošenja obrasca po stranici mjesečno. Osim toga, možete ugostiti neograničen broj stranica na početnom planu.

Pro plan dodaje više značajki kao što su web-mjesta zaštićena lozinkom, pozadinske funkcije, više minuta izrade i propusnosti, plus još mnogo toga. Ove dodatne značajke se povećavaju kako napredujete prema višim planovima.

Kako besplatno ugostiti web mjesto na Netlifyju

Netlify po svojoj jednostavnosti nadmašuje druge tvrtke za računalstvo u oblaku i hosting kao što su AWS, Google Cloud i Azure. Da, imaju veću infrastrukturu, snažnije strojeve i podatkovne centre diljem svijeta, ali njihovo postavljanje može biti dosadno.

Ovdje je korak po korak postupak postavljanja koji vam pokazuje koliko je jednostavno ugostiti Jamstack stranicu na Netlifyju.

1. Prijavite se i prijavite se

Vaš prvi korak je navigacija do app.netlify.com i prijavite se ako niste. Dočekat će vas pet različitih metoda prijave, od GitHub do GitLab, Bitbucket, E-pošta i SSO.

Nakon prijave, također ćete se morati prijaviti na svoj račun e-pošte kako biste pronašli potvrdnu poruku od Netlifyja. Kliknite na njega kako biste potvrdili svoj račun i prijavili se u sustav.

2. Dodajte novo mjesto

Aplikaciji je potrebno nekoliko sekundi da se učita. Zatim vam se prikazuje kratki upitnik koji uključuje stvari poput imena vašeg tima i tako dalje. Samo ispunite sve iskreno. No zapamtite da besplatni plan uključuje samo jednog člana – vas.

Nakon što prođete tu fazu, naći ćete se na zadanoj nadzornoj ploči. Kliknite na "Novo web mjesto iz Gita" da ugostite novo web mjesto. Ili također možete povući i ispustiti mapu koja sadrži vaše statične datoteke u označeno područje na kontrolnoj tabli, a Netlify će učiniti ostalo.

3. Povežite GitHub

Klik na gumb iz gornjeg koraka 2 otvorit će novi prozor koji od vas traži da povežete svoju novu stranicu s GitHubom ili bilo kojim drugim Git spremištem kao što su GitLab i Bitbucket. U ovom trenutku provjerite imate li registriran Git račun i jesu li datoteke vaše stranice već u repozitoriju.

4. Autorizirajte Netlify

Sada ćete samo morati reći GitHubu da dopusti Netlifyju pristup vašem GitHub računu i sve je riješeno.

5. Odaberite svoje spremište

Svaka standardna Netlify stranica povezana je s jednim spremištem. Odaberite onu koju želite koristiti i krenite dalje.

6. Konfigurirajte postavke izgradnje

Morat ćete malo obratiti pažnju na ovu stranicu. Ako već imate statične stranice i ne koristite pretprocesore, možete postaviti direktorij za objavljivanje na “/”. I ostavite polje za naredbu izgradnje prazno.

S druge strane, ako koristite generator statičnih stranica kao što je Gatsby ili Next, ono što ovdje unesete ovisi o generatoru. Možete pogledati ovaj popis uobičajene konfiguracije, znati što unijeti.

7. Izgradite i implementirajte

Nakon što je sve postavljeno, kliknite na "Deploy Site" i Netlify će pokrenuti sve potrebne nadogradnje i stvoriti vašu sjajnu novu web stranicu. Samo malo strpljenja.

8. Postavite naziv domene

Nakon izgradnje i postavljanja vaše stranice, Netlify će joj dati naziv na domeni *.netlify.app. Kasnije možete promijeniti ovo ime u nešto ljepše ili čak web-mjestu priložiti prilagođenu domenu.

Netlify vam omogućuje da priložite prilagođenu domenu koju ste kupili negdje drugdje ili da kupite domenu putem svoje Netlify nadzorne ploče. A sustav će se pobrinuti za sve. Jednostavno kliknite na karticu Domene na nadzornoj ploči kako biste dodali ili registrirali novu domenu za svoju novu stranicu.

Zaključak

Došli smo do kraja ovog jednostavnog vodiča o besplatnom smještaju superbrze web stranice na platformi Netlify. I vidjeli ste razloge i način kako to učiniti.

Sada vam preostaje ili ručno kodirati svoju statičnu stranicu ili koristiti generator statične stranice.