Cum să găzduiești un site web super-rapid gratuit pe Netlify

Jamstack site-urile sunt super rapide pentru că servesc fișiere statice. Ei folosesc atât de puține resurse CPU și server în general, încât platforme precum Netlify pot oferi găzduire gratuită și de bună calitate.

Netlify este un mediu de cloud computing. Dar, spre deosebire de alte platforme cloud precum AWS și Google Cloud, Netlify este simplu și ușor de utilizat. Fără tutoriale complicate și fără setări lungi.

Serviciul Netlify își propune să vă facă viața cât mai ușoară posibil, combinând tot ce este mai bun din diferite lumi într-un singur serviciu: cloud computing, Jamstack, depozite Git și prețuri freemium.

Netlify și Jamstack

Netlify a făcut parte din mișcarea Jamstack de mult timp și este una dintre cele mai vechi și mai bune platforme care contribuie la creșterea acestei metode moderne de web-design.

Mișcarea Jamstack combină JavaScript, API-urile și Markup pentru a crea o metodologie de dezvoltare front-end care se separă de back-end. Acest lucru are ca rezultat o performanță mai bună a serverului, o securitate mai bună, o scalare mai ușoară și costuri de funcționare mai ieftine.

GitHub, de exemplu, a oferit inițial găzduire web fișierelor care sunt găzduite pe platforma sa, dar serviciul își avea limitele. Apoi, Netlify a dus construirea codului site-ului din depozite și găzduirea variantelor sale statice la un nivel cu totul nou. Și acest lucru a creat o industrie complet nouă, cu multe beneficii.

Motive pentru a folosi Netlify

Netlify înseamnă atât de multe lucruri pentru că face atât de multe lucruri. Combinând multe caracteristici într-un singur serviciu și automatizând cât mai mult posibil, platforma oferă avantaje mari pentru companiile de toate dimensiunile.

Următoarele sunt avantajele majore pe care le puteți obține de la Netlify:

• Ușor de utilizare – Netlify este una dintre cele mai ușor de utilizat platforme de găzduire în cloud. Nu este nevoie să citiți tutoriale lungi și confuze. Fără pași de configurare complicati de urmat sau rutine de întreținere chiar mai complicate. Netlify doar funcționează.
  
  Pe lângă toate acestea, sistemul oferă caracteristici de calcul elastice ca și alte medii cloud. Acest lucru garantează că, atunci când va veni momentul, site-ul sau serviciul dvs. se vor scala cu grație pentru a gestiona vârfurile de trafic fără blocajele obișnuite ale backend-ului.
  
• Rețeaua de distribuție a conținutului – Ca parte a simplității și ușurinței sale de utilizare, serviciul Netlify include o rețea de distribuție de conținut numită Netlify Edge. Acesta implementează paginile dvs. web în mai multe locații, pentru a le oferi cât mai repede posibil vizitatorilor din apropiere.
  
  Cea mai bună parte a acestui serviciu este că nu trebuie să modificați și să configurați nicio setare pentru a obține cele mai bune rezultate. Odată ce vă implementați site-ul, vă actualizați toate activele web și codul simultan. Toate cache-urile sunt invalidate și actualizate instantaneu pe tot globul. Și puteți, de asemenea, să vă întoarceți site-ul la versiunile anterioare ușor și instantaneu.
  
  Netlify gestionează cea mai mare parte a acestora în mod automat pentru dvs. Singura diferență este în numărul de servicii și locații marginale pe care le obțineți, deoarece planul gratuit are anumite limite.
  
• Plan gratuit – Netlify este o platformă freemium software-as-a-service. Dar, spre deosebire de alte platforme de cloud computing, contul gratuit este complet gratuit. Nu este nevoie de card de credit.
  
  Cu toate acestea, acest plan gratuit include multe caracteristici impresionante. Cum ar fi build-uri Git automate, implementări de rețea de margine, revenire instantanee la versiunile anterioare, previzualizări live înainte de implementări și funcții gratuite fără server.
  
• Construiri automate – Obțineți și Netlify Build gratuit. Acest CI/CD (Integrare continuă/Implementare continuă) facilitează gestionarea dezvoltărilor și îmbunătățirilor site-ului dvs. Se reconstruiește automat din depozitul dvs., de fiecare dată când trimiteți noi actualizări în contul dvs. Git.
  
  Totul este complet automatizat și previzualizările sunt disponibile pentru a vă anunța ce veți implementa. De asemenea, puteți configura fiecare pas al procesului, iar revenirea la orice versiuni anterioare se face fără efort.
  
• Funcții Netlify – Fiecare site pe care îl implementați pe platforma Netlify vine cu acces la funcții fără server pe care le puteți utiliza pentru o mulțime de lucruri. Aceste funcții Netlify sunt procese pe partea serverului care rulează pe cod JavaScript.
  
  Fiecare site primește 125 de invocări gratuit și trebuie să plătiți doar când depășiți această cotă. Puteți utiliza funcțiile pentru gestionarea imaginilor, trimiterea de e-mailuri, validarea intrărilor utilizatorului și chiar preluarea datelor de la alte puncte finale API.
  
• Formulare automate – Netlify facilitează integrarea formularelor în site-ul dvs. static și captarea tuturor trimiterilor fără codificare extinsă sau alte probleme stresante. Pur și simplu adăugați atributul „netlify” la oricare dintre formularele dvs. like … si asta e tot.
  
  Puteți vizualiza apoi toate trimiterile în tabloul de bord, cu formularele aranjate cu grijă după nume. Sistemul vine cu o funcție anti-spam și Netlify vă poate notifica în continuare prin e-mail, Slack sau webhook-uri odată ce există o trimitere.
  
  Alte opțiuni includ trimiterea formularelor trimise către peste 1,000 de aplicații folosind integrarea Netlify Zapier.
  
• NetlifyCMS – Aplicația NetlifyCMS este un editor convenabil pentru orice site static găzduit pe platforma Netlify printr-un furnizor Git precum GitHub. Vă preia toate datele din depozit și creează o interfață de management ușor de utilizat.
  
  NetlifyCMS este o aplicație React cu o singură pagină, construită de o comunitate de peste 100 de colaboratori. Este ușor de redactat, oferă un flux de lucru intuitiv, este complet gratuit și face gestionarea site-urilor Jamstack distractiv.
  
• HTTPS gratuit – Toate conturile de găzduire Netly includ HTTPS gratuit. Adică certificate SSL (Secure Socket Layer) gratuite.

Conturi și prețuri

Netlify este un serviciu software freemium. Există un plan Starter complet gratuit, un plan Pro pentru 19 USD pe membru pe lună, un plan Business pentru 99 USD pe membru pe lună și un plan Enterprise cu prețuri personalizate.

Lucrul impresionant despre Netlify este că puteți face multe cu planul său gratuit Starter. Conceput pentru proiecte personale, experimente, site-uri de hobby și alte aventuri, planul Starter include versiuni automate cu 300 de minute de construire gratuite pe lună.

Include, de asemenea, implementări de vârf la nivel global, rollback-uri instantanee, NetlifyCMS, funcții fără server, 100 GB lățime de bandă pe lună și până la 100 de trimiteri de formulare gratuite pe site pe lună. În plus, puteți găzdui un număr nelimitat de site-uri în planul Starter.

Planul Pro adaugă mai multe funcții precum site-uri protejate prin parolă, funcții de fundal, mai multe minute de construcție și lățime de bandă, plus multe altele. Aceste caracteristici suplimentare cresc pe măsură ce vă îndreptați către planurile superioare.

Cum să găzduiești un site web gratuit pe Netlify

Netlify depășește alte companii de cloud computing și hosting precum AWS, Google Cloud și Azure pentru simplitate. Da, au mai multă infrastructură, mașini mai puternice și centre de date pe tot globul, dar configurarea lor poate fi plictisitoare.

Iată un proces de configurare pas cu pas care vă arată cât de ușor este să găzduiți un site Jamstack pe Netlify.

1. Înscrieți-vă și autentificați-vă

Primul pas este să navighezi la app.netlify.com și înscrieți-vă dacă nu ați făcut-o. Veți fi întâmpinat cu cinci metode diferite de conectare, de la GitHub la GitLab, BitBucket, e-mail și SSO.

După înregistrare, va trebui, de asemenea, să vă conectați la contul de e-mail pentru a găsi e-mailul de confirmare de la Netlify. Faceți clic pe el pentru a vă verifica contul și a vă conecta la sistem.

2. Adăugați un site nou

Încărcarea aplicației durează câteva secunde. Apoi vi se prezintă un scurt chestionar care include chestii precum numele echipei dvs. și așa mai departe. Doar completați totul sincer. Dar amintiți-vă că planul gratuit include un singur membru – dumneavoastră.

Odată ce ați trecut prin această etapă, atunci vă veți găsi în tabloul de bord implicit. Faceți clic pe „Site nou din Git” pentru a găzdui un site nou. Sau puteți, de asemenea, să glisați și să plasați un folder care conține fișierele dvs. statice în zona marcată de pe liniuță, iar Netlify se va ocupa de restul.

3. Conectați GitHub

Faceți clic pe butonul de la pasul 2 de mai sus va deschide o nouă fereastră care vă va solicita să conectați noul site cu GitHub sau orice alt depozit Git, cum ar fi GitLab și Bitbucket. În acest moment, asigurați-vă că aveți un cont Git înregistrat și că fișierele site-ului dvs. sunt deja într-un depozit.

4. Autorizați Netlify

Acum va trebui doar să îi spuneți lui GitHub să permită Netlify să vă acceseze contul GitHub și totul este rezolvat.

5. Selectați depozitul dvs

Fiecare site standard Netlify este conectat la un singur depozit. Selectați-l pe cel pe care doriți să îl utilizați și continuați.

6. Configurați setările de compilare

Va trebui să acordați puțină atenție acestei pagini. Dacă aveți deja site-uri statice și nu utilizați niciun pre-procesoare, atunci puteți seta directorul de publicare la „/”. Și lăsați câmpul de comandă de compilare gol.

Dacă utilizați un generator de site static precum Gatsby sau Next, pe de altă parte, atunci ceea ce introduceți aici va depinde de generator. Puteți consulta această listă de configurații comune, să știi ce să intri.

7. Construiți și implementați

Odată ce totul este setat, faceți clic pe „Deploy Site” și Netlify va rula toate versiunile necesare și va crea noul site web strălucitor. Ai doar puțină răbdare.

8. Configurați numele de domeniu

După construirea și implementarea site-ului dvs., Netlify îi va da un nume pe domeniul *.netlify.app. Puteți schimba ulterior acest nume în ceva mai frumos sau chiar să atașați un domeniu personalizat site-ului.

Netlify vă permite să atașați un domeniu personalizat pe care l-ați cumpărat în altă parte sau să cumpărați domeniul prin intermediul tabloului de bord Netlify. Și sistemul se va ocupa de tot. Doar faceți clic pe fila Domenii din tabloul de bord pentru a adăuga sau a înregistra un domeniu nou pentru noul dvs. site.

Concluzie

Am ajuns la finalul acestui ghid simplu despre găzduirea gratuită a unui site web super-rapid pe platforma Netlify. Și ați văzut motivele și modul de a face acest lucru.

Acum vă rămâne fie să codificați manual site-ul static, fie să utilizați un generator de site static.