Kako brezplačno gostiti super hitro spletno mesto na Netlifyju

Jamstack spletna mesta so super hitra, ker strežejo statične datoteke. Na splošno uporabljajo tako malo CPU in virov strežnika, da lahko platforme, kot je Netlify, ponudijo brezplačno in kakovostno gostovanje.

Netlify je računalniško okolje v oblaku. Toda za razliko od drugih oblačnih platform, kot sta AWS in Google Cloud, je Netlify preprost in enostaven za uporabo. Brez zapletenih vaj in brez dolgotrajnih nastavitev.

Storitev Netlify želi čim bolj olajšati vaše življenje z združevanjem najboljšega iz različnih svetov v eno storitev: računalništvo v oblaku, Jamstack, repozitoriji Git in cene freemium.

Netlify & The Jamstack

Netlify je že dolgo del gibanja Jamstack in je ena prvih in najboljših platform, ki prispevajo k rasti te sodobne metode spletnega oblikovanja.

Gibanje Jamstack združuje JavaScript, API-je in označevanje za ustvarjanje front-end razvojne metodologije, ki se loči od back-end-a. Rezultat tega je boljša zmogljivost strežnika, boljša varnost, lažje skaliranje in nižji tekoči stroški.

GitHub je na primer sprva ponujal spletno gostovanje za datoteke, ki gostujejo na njegovi platformi, vendar je imela storitev svoje omejitve. Potem je Netlify ponesel gradnjo kode spletnega mesta iz repozitorijev in gostovanje njenih statičnih različic na povsem novo raven. In to je ustvarilo popolnoma novo industrijo s številnimi prednostmi.

Razlogi za uporabo Netlifyja

Netlify pomeni toliko stvari, ker počne toliko stvari. Z združevanjem številnih funkcij v eno samo storitev in čim večjim avtomatiziranjem ponuja platforma velike prednosti za podjetja vseh velikosti.

Sledijo glavne prednosti, ki jih lahko dobite od Netlifyja:

• Enostavnost uporabe – Netlify je ena najpreprostejših platform za gostovanje v oblaku. Ni vam treba brati dolgih in zmedenih vaj. Brez zapletenih namestitvenih korakov ali še bolj zapletenih vzdrževalnih rutin. Netlify preprosto deluje.
  
  Poleg vsega pa sistem ponuja elastične računalniške funkcije kot druga okolja v oblaku. To zagotavlja, da se bo vaše spletno mesto ali storitev, ko pride čas, elegantno prilagodila za obvladovanje skokov prometa brez običajnih ozkih grl v ozadju.
  
• Omrežje za distribucijo vsebine – Kot del svoje preprostosti in enostavne uporabe storitev Netlify vključuje omrežje za distribucijo vsebin, imenovano Netlify Edge. Vaše spletne strani postavi na več lokacij, da jih čim hitreje ponudi obiskovalcem v bližini.
  
  Velik del te storitve je, da vam za najboljše rezultate ni treba spreminjati in konfigurirati nobenih nastavitev. Ko uvedete svoje spletno mesto, naenkrat posodobite vsa svoja spletna sredstva in kodo. Vsi predpomnilniki so takoj razveljavljeni in posodobljeni po vsem svetu. Svoje spletno mesto lahko preprosto in takoj povrnete na prejšnje različice.
  
  Netlify večino tega samodejno upravlja namesto vas. Edina razlika je v številu storitev in robnih lokacij, ki jih dobite, saj ima brezplačen načrt nekaj omejitev.
  
• Brezplačni načrt – Netlify je brezplačna platforma programske opreme kot storitve. Toda za razliko od drugih platform za računalništvo v oblaku je brezplačni račun popolnoma brezplačen. Kreditna kartica ni potrebna.
  
  Kljub temu ta brezplačni načrt vključuje številne impresivne funkcije. Kot so avtomatizirane gradnje Git, uvedbe robnih omrežij, takojšen povratek na prejšnje različice, predogledi v živo pred uvedbami in brezplačne funkcije brez strežnika.
  
• Avtomatizirane gradnje – Netlify Build dobite tudi brezplačno. Ta CI/CD (Continuous Integration/Continuous Deployment) olajša upravljanje razvoja in izboljšav vašega spletnega mesta. Samodejno se znova zgradi iz vašega skladišča vsakič, ko potisnete nove posodobitve v svoj račun Git.
  
  Vse je popolnoma avtomatizirano in na voljo so predogledi, da boste vedeli, kaj boste uvedli. Prav tako lahko konfigurirate vsak korak postopka in povrnitve na prejšnje različice so brez napora.
  
• Funkcije Netlify – Vsako spletno mesto, ki ga postavite na platformo Netlify, ima dostop do funkcij brez strežnika, ki jih lahko uporabite za veliko stvari. Te funkcije Netlify so procesi na strani strežnika, ki se izvajajo na kodi JavaScript.
  
  Vsako spletno mesto prejme 125 klicev brezplačno in plačati morate le, ko presežete to kvoto. Funkcije lahko uporabite za obdelavo slik, pošiljanje e-pošte, preverjanje uporabniškega vnosa in celo pridobivanje podatkov iz drugih končnih točk API-ja.
  
• Samodejni obrazci – Netlify olajša integracijo obrazcev v vaše statično spletno mesto in zajame vse oddaje brez obsežnega kodiranja ali drugih stresnih težav. Preprosto dodajte atribut 'netlify' kateremu koli obrazcu, npr … in to je to.
  
  Nato si lahko vse oddaje ogledate na nadzorni plošči, pri čemer so obrazci skrbno razvrščeni po imenih. Sistem je opremljen s funkcijo za preprečevanje neželene e-pošte in Netlify vas lahko dodatno obvesti prek e-pošte, storitve Slack ali webhookov, ko pride do predložitve.
  
  Druge možnosti vključujejo posredovanje predloženih obrazcev več kot 1,000 aplikacijam z uporabo Netlifyjeve integracije Zapier.
  
• NetlifyCMS – Aplikacija NetlifyCMS je priročen urejevalnik za katero koli statično spletno mesto, ki gostuje na platformi Netlify prek ponudnika Git, kot je GitHub. Vzame vse vaše podatke iz repozitorija in ustvari vmesnik za upravljanje, ki je enostaven za uporabo.
  
  NetlifyCMS je enostranska aplikacija React, ki jo je ustvarila skupnost več kot 100 sodelavcev. Je prijazen do urednika, ponuja intuitiven potek dela, je popolnoma brezplačen in omogoča zabavno upravljanje spletnih mest Jamstack.
  
• Brezplačni HTTPS – Vsi računi za gostovanje Netlify vključujejo brezplačen HTTPS. To so brezplačni SSL (Secure Socket Layer) certifikati.

Računi in cene

Netlify je storitev brezplačne programske opreme. Na voljo je popolnoma brezplačen začetni načrt, načrt Pro za 19 USD na člana na mesec, poslovni načrt za 99 USD na člana na mesec in načrt Enterprise s cenami po meri.

Impresivna stvar pri Netlifyju je, da lahko z njegovim brezplačnim začetnim načrtom naredite veliko. Začetni načrt, zasnovan za osebne projekte, eksperimente, spletna mesta za hobije in druge dogodivščine, vključuje avtomatizirane gradnje s 300 brezplačnimi minutami gradnje na mesec.

Vključuje tudi globalne robne uvedbe, takojšnje povrnitve, NetlifyCMS, funkcije brez strežnika, 100 GB pasovne širine na mesec in do 100 brezplačnih oddaj obrazcev na spletno mesto na mesec. Poleg tega lahko na začetnem načrtu gostite neomejeno število spletnih mest.

Načrt Pro dodaja več funkcij, kot so spletna mesta, zaščitena z geslom, funkcije v ozadju, več minut gradnje in pasovne širine ter še veliko več. Te dodatne funkcije se povečujejo, ko se premikate proti višjim načrtom.

Kako brezplačno gostiti spletno stran na Netlify

Netlify po preprostosti premaga druga podjetja za računalništvo v oblaku in gostovanje, kot so AWS, Google Cloud in Azure. Da, imajo več infrastrukture, zmogljivejše stroje in podatkovne centre po vsem svetu, vendar je njihova namestitev lahko dolgočasna.

Tukaj je postopek nastavitve po korakih, ki vam pokaže, kako enostavno je gostiti mesto Jamstack na Netlify.

1. Prijavite se in se prijavite

Vaš prvi korak je navigacija do app.netlify.com in se prijavite, če se še niste. Pozdravili vas bodo pet različnih načinov prijave, od GitHub do GitLab, Bitbucket, E-pošta in SSO.

Po prijavi se boste morali prijaviti tudi v svoj e-poštni račun, da boste našli potrditveno pošto od Netlifyja. Kliknite nanjo, da potrdite svoj račun in se prijavite v sistem.

2. Dodajte novo spletno mesto

Aplikacija se naloži v nekaj sekundah. Nato se vam prikaže kratek vprašalnik, ki vključuje stvari, kot je ime vaše ekipe in podobno. Samo izpolnite vse pošteno. Vendar ne pozabite, da brezplačni načrt vključuje samo enega člana – vas.

Ko končate to stopnjo, se boste znašli na privzeti nadzorni plošči. Kliknite »Novo spletno mesto iz Gita«, da gostite novo spletno mesto. Lahko pa tudi povlečete in spustite mapo, ki vsebuje vaše statične datoteke, v označeno območje na armaturni plošči in Netlify bo naredil ostalo.

3. Povežite GitHub

S klikom na gumb iz 2. koraka zgoraj se odpre novo okno, ki vas pozove, da povežete svoje novo spletno mesto z GitHubom ali katerim koli drugim Git repozitorijem, kot sta GitLab in Bitbucket. Na tej točki se prepričajte, da imate registriran račun Git in da so datoteke vašega spletnega mesta že v skladišču.

4. Pooblastite Netlify

Zdaj boste morali samo povedati GitHubu, naj Netlify dovoli dostop do vašega računa GitHub in vse je urejeno.

5. Izberite svoj repozitorij

Vsako standardno spletno mesto Netlify je povezano z enim repozitorijem. Izberite tistega, ki ga želite uporabiti, in nadaljujte.

6. Konfigurirajte nastavitve gradnje

Tej strani boste morali posvetiti malo pozornosti. Če že imate statična spletna mesta in ne uporabljate nobenih predprocesorjev, lahko imenik za objavo nastavite na »/«. In pustite polje ukaza za gradnjo prazno.

Če po drugi strani uporabljate generator statičnih spletnih mest, kot sta Gatsby ali Next, bo to, kar boste vnesli tukaj, odvisno od generatorja. Lahko si ogledate ta seznam pogoste konfiguracije, da vem, kaj vnesti.

7. Zgradite in uvedite

Ko je vse nastavljeno, kliknite »Deploy Site« in Netlify bo zagnal vse potrebne gradnje in ustvaril vaše bleščeče novo spletno mesto. Samo malo potrpljenja.

8. Nastavite ime domene

Po izgradnji in uvedbi vašega spletnega mesta mu bo Netlify dal ime v domeni *.netlify.app. To ime lahko pozneje spremenite v nekaj lepšega ali spletnemu mestu celo pripnete domeno po meri.

Netlify vam omogoča, da pripnete domeno po meri, ki ste jo kupili drugje, ali da domeno kupite prek nadzorne plošče Netlify. In sistem bo poskrbel za vse. Samo kliknite zavihek Domene na nadzorni plošči, da dodate ali registrirate novo domeno za svoje novo spletno mesto.

zaključek

Prišli smo do konca tega preprostega vodnika o brezplačnem gostovanju super hitre spletne strani na platformi Netlify. In videli ste razloge in način za to.

Zdaj morate ročno kodirati svoje statično spletno mesto ali uporabiti generator statičnih spletnih mest.