Paano mag-host ng napakabilis na website nang libre sa Netlify

salansan ng jam napakabilis ng mga site dahil naghahatid sila ng mga static na file. Gumagamit sila ng napakaliit na mapagkukunan ng CPU at server sa pangkalahatan na ang mga platform tulad ng Netlify ay maaaring mag-alok ng libre at mahusay na kalidad ng pagho-host.

Ang Netlify ay isang cloud-computing na kapaligiran. Ngunit hindi tulad ng iba pang mga cloud platform tulad ng AWS at Google Cloud, ang Netlify ay simple at madaling gamitin. Walang kumplikadong mga tutorial at walang mahabang setup.

Nilalayon ng serbisyo ng Netlify na gawing mas madali ang iyong buhay hangga't maaari sa pamamagitan ng pagsasama-sama ng pinakamahusay sa iba't ibang mundo sa isang serbisyo: cloud computing, Jamstack, Git repository, at freemium na pagpepresyo.

Netlify at The Jamstack

Ang Netlify ay naging bahagi ng kilusang Jamstack sa loob ng mahabang panahon at isa ito sa pinakauna at pinakamahusay na mga platform na nag-aambag sa paglago ng modernong paraan ng disenyo ng web na ito.

Pinagsasama ng kilusang Jamstack ang JavaScript, mga API, at Markup upang lumikha ng isang front-end na pamamaraan ng pag-unlad na naghihiwalay sa sarili mula sa back-end. Nagreresulta ito sa mas mahusay na pagganap ng server, mas mahusay na seguridad, mas madaling pag-scale, at mas murang gastos sa pagpapatakbo.

Ang GitHub, halimbawa, ay unang nag-aalok ng web hosting sa mga file na naka-host sa platform nito, ngunit ang serbisyo ay may mga limitasyon. Pagkatapos ay kinuha ng Netlify ang pagbuo ng code ng website mula sa mga repositoryo at ang pagho-host ng mga static na variant nito sa isang bagong antas. At ito ay lumikha ng isang ganap na bagong industriya na may maraming mga benepisyo.

Mga dahilan para gamitin ang Netlify

Napakaraming bagay ang ibig sabihin ng Netlify dahil napakaraming bagay ang ginagawa nito. Sa pamamagitan ng pagsasama-sama ng maraming feature sa iisang serbisyo at pag-automate nito hangga't maaari, nag-aalok ang platform ng magagandang benepisyo para sa mga negosyo sa lahat ng laki.

Ang mga sumusunod ay ang mga pangunahing bentahe na makukuha mo mula sa Netlify:

• Dali ng Paggamit – Ang Netlify ay isa sa pinakamadaling gamitin na cloud hosting platform out there. Hindi na kailangang magbasa ng mahaba at nakakalito na mga tutorial. Walang mga kumplikadong hakbang sa pag-setup na dapat sundin, o mas kumplikadong mga gawain sa pagpapanatili. Gumagana lang ang Netlify.
  
  Bilang karagdagan sa lahat ng ito, nag-aalok ang system ng nababanat na mga tampok sa pag-compute tulad ng iba pang mga kapaligiran sa ulap. Tinitiyak nito na pagdating ng panahon, ang iyong website o serbisyo ay magiging maganda upang mahawakan ang mga pagtaas ng trapiko nang walang karaniwang mga bottleneck sa backend.
  
• Network ng Pamamahagi ng Nilalaman – Bilang bahagi ng pagiging simple at kadalian ng paggamit nito, kasama sa serbisyo ng Netlify ang isang network ng pamamahagi ng nilalaman na tinatawag na Netlify Edge. Ini-deploy nito ang iyong mga web page sa maraming lokasyon, upang maihatid ang mga ito nang mabilis hangga't maaari sa mga kalapit na bisita.
  
  Ang magandang bahagi ng serbisyong ito ay hindi mo kailangang mag-tweak at mag-configure ng anumang mga setting upang makuha ang pinakamahusay na mga resulta. Kapag na-deploy mo na ang iyong site, ina-update mo ang lahat ng iyong web asset at code nang sabay-sabay. Ang lahat ng mga cache ay agad na hindi wasto at na-update sa buong mundo. At maaari mo ring ibalik ang iyong site sa mga nakaraang build nang madali at kaagad.
  
  Awtomatikong pinapamahalaan ng Netlify ang karamihan nito para sa iyo. Ang pagkakaiba lang ay nasa bilang ng mga serbisyo at gilid na lokasyon na makukuha mo, dahil may ilang limitasyon ang libreng plano.
  
• Libreng Plano – Ang Netlify ay isang freemium software-as-a-service platform. Ngunit hindi tulad ng iba pang mga cloud-computing platform, ang libreng account ay ganap na libre. Hindi kailangan ng credit card.
  
  Gayunpaman, ang libreng planong ito ay may kasamang maraming kahanga-hangang tampok. Gaya ng mga automated na Git build, edge network deployment, instant rollback sa mga nakaraang bersyon, live na preview bago i-deploy, at libreng serverless na function.
  
• Mga Awtomatikong Pagtatayo – Makakakuha ka rin ng Netlify Build nang libre. Pinapadali ng CI/CD (Continuous Integration/Continuous Deployment) na ito na pamahalaan ang mga pagpapaunlad at pagpapahusay ng iyong site. Awtomatiko itong muling bubuo mula sa iyong repositoryo, sa tuwing magtutulak ka ng mga bagong update sa iyong Git account.
  
  Ganap na awtomatiko ang lahat at available ang mga preview para ipaalam sa iyo kung ano ang ipapatupad mo. Maaari mo ring i-configure ang bawat hakbang ng proseso at ang mga rollback sa anumang nakaraang mga build ay walang hirap.
  
• Mga Function ng Netlify – Ang bawat site na idini-deploy mo sa Netlify platform ay may access sa mga serverless function na magagamit mo para sa maraming bagay. Ang mga Netlify Function na ito ay mga proseso sa panig ng server na tumatakbo sa JavaScript code.
  
  Ang bawat site ay nakakakuha ng 125K invocations nang libre at kailangan mo lang magbayad kapag lumampas ka sa quota na iyon. Maaari mong gamitin ang mga function para sa paghawak ng mga larawan, pagpapadala ng mga email, pagpapatunay ng input ng user, at kahit na pagkuha ng data mula sa iba pang mga endpoint ng API.
  
• Mga Awtomatikong Form – Pinapadali ng Netlify na isama ang mga form sa iyong static na site at makuha ang lahat ng mga isinumite nang walang malawak na coding o iba pang nakababahalang mga isyu. Idagdag lang ang attribute na 'netlify' sa alinman sa iyong mga form tulad ng … at yun lang.
  
  Pagkatapos ay maaari mong tingnan ang lahat ng mga pagsusumite sa iyong dashboard, na ang mga form ay maingat na nakaayos ayon sa pangalan. Ang system ay may kasamang tampok na anti-spam at mas maaabisuhan ka ng Netlify sa pamamagitan ng email, Slack, o mga webhook kapag may naisumite na.
  
  Kasama sa iba pang mga opsyon ang pagpapasa ng mga isinumiteng form sa 1,000+ application gamit ang Zapier integration ng Netlify.
  
• NetlifyCMS – Ang NetlifyCMS app ay isang maginhawang editor para sa anumang static na site na naka-host sa Netlify platform sa pamamagitan ng isang Git provider tulad ng GitHub. Kinukuha nito ang lahat ng iyong data mula sa repository at lumilikha ng madaling gamitin na interface ng pamamahala.
  
  Ang NetlifyCMS ay isang single-page na React app na binuo ng isang komunidad na may mahigit 100 na nag-aambag. Ito ay editor-friendly, nag-aalok ng intuitive na daloy ng trabaho, ganap na libre, at ginagawang masaya ang pamamahala sa mga site ng Jamstack.
  
• Libreng HTTPS – Lahat ng Netlify hosting account ay may kasamang libreng HTTPS. Iyon ay libreng SSL (Secure Socket Layer) na mga sertipiko.

Mga Account at Pagpepresyo

Ang Netlify ay isang serbisyo ng freemium software. Mayroong ganap na libreng Starter plan, isang Pro plan para sa $19 bawat miyembro bawat buwan, isang Business plan para sa $99 bawat miyembro bawat buwan, at isang Enterprise plan na may custom na pagpepresyo.

Ang kahanga-hangang bagay tungkol sa Netlify ay marami kang magagawa sa libreng Starter plan nito. Dinisenyo para sa mga personal na proyekto, eksperimento, hobby site, at iba pang pakikipagsapalaran, ang Starter plan ay may kasamang mga automated na build na may 300 libreng build minuto bawat buwan.

Kasama rin dito ang mga global edge deployment, instant rollback, ang NetlifyCMS, walang server na mga function, 100 GB bandwidth bawat buwan, at hanggang sa 100 libreng pagsumite ng form bawat site bawat buwan. Dagdag pa, maaari kang mag-host ng walang limitasyong bilang ng mga site sa Starter plan.

Ang Pro plan ay nagdaragdag ng higit pang mga feature tulad ng mga site na protektado ng password, mga function sa background, higit pang build minuto at bandwidth, at marami pa. Ang mga karagdagang feature na ito ay tumataas habang lumilipat ka patungo sa mas matataas na mga plano.

Paano mag-host ng isang website nang libre sa Netlify

Natatalo ng Netlify ang iba pang cloud-computing at hosting na kumpanya tulad ng AWS, Google Cloud, at Azure para sa pagiging simple. Oo, mayroon silang mas maraming imprastraktura, mas makapangyarihang mga makina, at mga sentro ng data sa buong mundo, ngunit ang kanilang pag-setup ay maaaring nakakapagod.

Narito ang isang hakbang-hakbang na proseso ng pag-setup na nagpapakita sa iyo kung gaano kadaling mag-host ng isang Jamstack site sa Netlify.

1. Mag-sign Up at Mag-login

Ang iyong unang hakbang ay mag-navigate sa app.netlify.com at mag-sign up kung hindi mo pa nagagawa. Sasalubungin ka ng limang magkakaibang paraan ng pag-sign-in, mula sa GitHub sa GitLab, Bitbucket, Email, at SSO.

Pagkatapos mag-sign up, kakailanganin mo ring mag-log in sa iyong email account upang mahanap ang confirmation mail mula sa Netlify. Mag-click dito upang i-verify ang iyong account at mag-log in sa system.

2. Magdagdag ng Bagong Site

Ang app ay tumatagal ng ilang segundo upang mai-load. Pagkatapos ay bibigyan ka ng isang maikling talatanungan na kinabibilangan ng mga bagay tulad ng pangalan ng iyong koponan at iba pa. Punan lang ng tapat ang lahat. Ngunit tandaan na ang libreng plano ay may kasamang isang miyembro lamang - ikaw.

Kapag nalampasan mo na ang yugtong iyon, makikita mo ang iyong sarili sa default na dashboard. Mag-click sa "Bagong Site mula sa Git" upang mag-host ng bagong site. O maaari mo ring i-drag at i-drop ang isang folder na naglalaman ng iyong mga static na file sa minarkahang lugar sa dash at gagawin ng Netlify ang natitira.

3. I-link ang GitHub

Ang pag-click sa button mula sa hakbang 2 sa itaas ay magbubukas ng bagong window na mag-uudyok sa iyo na i-link ang iyong bagong site sa GitHub, o anumang iba pang Git repository tulad ng GitLab at Bitbucket. Sa puntong ito, tiyaking mayroon kang nakarehistrong Git account at ang mga file ng iyong site ay nasa repository na.

4. Pahintulutan ang Netlify

Ngayon ay kailangan mo lang sabihin sa GitHub na payagan ang Netlify na ma-access ang iyong GitHub account at lahat ay naayos na.

5. Piliin ang iyong Repository

Ang bawat karaniwang site ng Netlify ay naka-link sa iisang repositoryo. Piliin ang gusto mong gamitin at magpatuloy.

6. I-configure ang Mga Setting ng Build

Kakailanganin mong bigyan ng kaunting pansin ang pahinang ito. Kung mayroon ka nang mga static na site at hindi gumagamit ng anumang mga pre-processor, maaari mong itakda ang direktoryo ng pag-publish sa "/". At iwanang walang laman ang field ng command ng build.

Kung gumagamit ka ng static na site generator tulad ng Gatsby o Next, sa kabilang banda, ang ilalagay mo dito ay depende sa generator. Maaari mong tingnan ang listahang ito ng karaniwang mga pagsasaayos, para malaman kung ano ang papasok.

7. Bumuo at I-deploy

Kapag naitakda na ang lahat, mag-click sa “Deploy Site” at tatakbo ang Netlify sa lahat ng kinakailangang build at gagawa ng iyong makintab na bagong website. Konting pasensya lang.

8. I-set up ang Domain Name

Pagkatapos buuin at i-deploy ang iyong site, bibigyan ito ng Netlify ng pangalan sa *.netlify.app domain. Maaari mong baguhin ang pangalang ito sa ibang pagkakataon sa isang bagay na mas maganda o kahit na mag-attach ng custom na domain sa site.

Binibigyang-daan ka ng Netlify na mag-attach ng custom na domain na binili mo sa ibang lugar o bilhin ang domain sa pamamagitan ng iyong Netlify dashboard. At ang sistema na ang bahala sa lahat. I-click lamang ang tab na Mga Domain sa iyong dashboard upang magdagdag o magrehistro ng bagong domain para sa iyong bagong site.

Konklusyon

Naabot na namin ang dulo ng simpleng gabay na ito sa pagho-host ng napakabilis na website nang libre sa Netlify platform. At nakita mo na ang mga dahilan at paraan para gawin ito.

Naiwan na ngayon para sa iyo na i-code ang iyong static na site sa pamamagitan ng kamay o gumamit ng static na site generator.