Jamstack sivustot ovat erittäin nopeita, koska ne palvelevat staattisia tiedostoja. Ne käyttävät niin vähän suoritin- ja palvelinresursseja, että Netlifyn kaltaiset alustat voivat tarjota ilmaista ja laadukasta isännöintiä.
Netlify on pilvilaskentaympäristö. Mutta toisin kuin muut pilvialustat, kuten AWS ja Google Cloud, Netlify on yksinkertainen ja helppokäyttöinen. Ei monimutkaisia opetusohjelmia eikä pitkiä asetuksia.
Netlify-palvelun tavoitteena on tehdä elämästäsi mahdollisimman helppoa yhdistämällä eri maailmojen parhaat puolet yhdeksi palveluksi: pilvilaskenta, Jamstack, Git-varastot ja freemium-hinnoittelu.
Netlify & The Jamstack
Netlify on ollut osa Jamstack-liikettä pitkään ja on yksi varhaisimmista ja parhaista alustoista, jotka edistävät tämän modernin web-suunnittelumenetelmän kasvua.
Jamstack-liike yhdistää JavaScriptin, API:t ja Markupin luodakseen etupään kehitysmetodologian, joka erottaa itsensä taustasta. Tämä johtaa parempaan palvelimen suorituskykyyn, parempaan tietoturvaan, helpompaan skaalaukseen ja halvempiin käyttökustannuksiin.
Esimerkiksi GitHub tarjosi alun perin verkkopalvelua tiedostoille, joita isännöi sen alustalla, mutta palvelulla oli rajansa. Sitten Netlify vei verkkosivustokoodin rakentamisen arkistoista ja sen staattisten varianttien isännöinnin aivan uudelle tasolle. Ja tämä on luonut täysin uuden toimialan, jolla on monia etuja.
Syitä Netlifyn käyttöön
Netlify tarkoittaa niin monia asioita, koska se tekee niin monia asioita. Yhdistämällä monia ominaisuuksia yhdeksi palveluksi ja automatisoimalla mahdollisimman suuren osan siitä alusta tarjoaa suuria etuja kaikenkokoisille yrityksille.
Seuraavat ovat tärkeimmät edut, joita voit saada Netlifysta:
- Helppokäyttöinen – Netlify on yksi helpoimmin käytettävistä pilvipalvelualustoista. Sinun ei tarvitse lukea pitkiä ja hämmentäviä opetusohjelmia. Ei monimutkaisia asennusvaiheita tai vielä monimutkaisempia huoltorutiineja. Netlify vain toimii.
Kaiken lisäksi järjestelmä tarjoaa elastisia laskentaominaisuuksia, kuten muut pilviympäristöt. Tämä takaa, että kun aika koittaa, verkkosivustosi tai palvelusi skaalautuu sulavasti käsittelemään liikennepiikit ilman tavallisia taustajärjestelmän pullonkauloja. - Sisällönjakeluverkosto – Netlify-palveluun sisältyy Netlify Edge -niminen sisällönjakeluverkosto osana sen yksinkertaisuutta ja helppokäyttöisyyttä. Se ottaa verkkosivusi käyttöön useissa eri paikoissa, jotta ne voidaan palvella lähistöllä oleville vierailijoille mahdollisimman nopeasti.
Suuri osa tästä palvelusta on, että sinun ei tarvitse säätää ja määrittää asetuksia saadaksesi parhaat tulokset. Kun otat sivustosi käyttöön, päivität kaikki verkkosisältösi ja koodisi kerralla. Kaikki välimuistit mitätöidään ja päivitetään välittömästi kaikkialla maailmassa. Ja voit myös palauttaa sivustosi aiempaan koontiversioon helposti ja välittömästi.
Netlify hallitsee suurimman osan tästä automaattisesti puolestasi. Ainoa ero on saamiesi palveluiden ja reunapaikkojen määrässä, koska ilmaisella paketilla on joitain rajoituksia. - Vapaa suunnitelma – Netlify on freemium-ohjelmisto-palvelualusta. Mutta toisin kuin muut pilvipalvelualustot, ilmainen tili on täysin ilmainen. Luottokorttia ei tarvita.
Tämä ilmainen suunnitelma sisältää kuitenkin monia vaikuttavia ominaisuuksia. Kuten automatisoidut Git-koontiversiot, reunaverkkojen käyttöönotot, välitön palautus aikaisempiin versioihin, live-esikatselut ennen käyttöönottoa ja ilmaiset palvelimettomat toiminnot. - Automatisoidut rakennukset – Saat myös Netlify Buildin ilmaiseksi. Tällä CI/CD:llä (Continuous Integration/Continuous Deployment) voit helposti hallita sivustosi kehitystä ja parannuksia. Se rakentuu automaattisesti uudelleen arkistostasi aina, kun päivität Git-tilillesi uusia päivityksiä.
Kaikki on täysin automatisoitua, ja esikatselut ovat käytettävissä, jotta tiedät, mitä otat käyttöön. Voit myös määrittää prosessin jokaisen vaiheen, ja aiempien koontiversioiden palautukset ovat vaivatonta. - Netlify-toiminnot – Jokaisella Netlify-alustalla käyttämäsi sivustolla on pääsy palvelimettomiin toimintoihin, joita voit käyttää moniin asioihin. Nämä Netlify-funktiot ovat palvelinpuolen prosesseja, jotka toimivat JavaScript-koodilla.
Jokainen sivusto saa 125 XNUMX kutsua ilmaiseksi, ja sinun tarvitsee maksaa vain, kun ylität kiintiön. Voit käyttää toimintoja kuvien käsittelyyn, sähköpostien lähettämiseen, käyttäjän syötteiden vahvistamiseen ja jopa tietojen hakemiseen muista API-päätepisteistä. - Automaattiset lomakkeet – Netlifyn avulla on helppo integroida lomakkeita staattiseen sivustoosi ja tallentaa kaikki lähetykset ilman laajaa koodausta tai muita stressaavia ongelmia. Lisää vain "netlify"-attribuutti mihin tahansa lomakkeeseen, kuten … ja siinä se.
Tämän jälkeen voit tarkastella kaikkia lähetyksiä hallintapaneelissasi, ja lomakkeet on järjestetty huolellisesti nimen mukaan. Järjestelmässä on roskapostin estoominaisuus, ja Netlify voi lähettää sinulle lisäilmoituksia sähköpostitse, Slackin tai webhooksin kautta, kun lähetys on lähetetty.
Muita vaihtoehtoja ovat lähetettyjen lomakkeiden edelleenlähetys yli 1,000 XNUMX sovellukseen Netlifyn Zapier-integraatiolla. - NetlifyCMS - NetlifyCMS-sovellus on kätevä editori mille tahansa staattiselle sivustolle, jota isännöidään Netlify-alustalla Git-palveluntarjoajan, kuten GitHubin, kautta. Se ottaa kaikki tietosi arkistosta ja luo helppokäyttöisen hallintaliittymän.
NetlifyCMS on yksisivuinen React-sovellus, jonka on rakentanut yli 100 avustajan yhteisö. Se on editoriystävällinen, tarjoaa intuitiivisen työnkulun, on täysin ilmainen ja tekee Jamstack-sivustojen hallinnasta hauskaa. - Ilmainen HTTPS – Kaikki Netlify-hosting-tilit sisältävät ilmaisen HTTPS:n. Se on ilmaisia SSL-varmenteita (Secure Socket Layer).
Tilit ja hinnoittelu
Netlify on ilmainen ohjelmistopalvelu. Tarjolla on täysin ilmainen aloituspaketti, Pro-suunnitelma 19 dollaria per jäsen kuukaudessa, liiketoimintasuunnitelma 99 dollaria jäsentä kohden kuukaudessa ja yrityssuunnitelma mukautetulla hinnoittelulla.
Vaikuttava asia Netlifyssa on, että saat paljon aikaan sen ilmaisella aloitussuunnitelmalla. Aloitussuunnitelma, joka on suunniteltu henkilökohtaisiin projekteihin, kokeiluihin, harrastussivustoihin ja muihin seikkailuihin, sisältää automatisoidut rakennukset, joissa on 300 ilmaista rakennusminuuttia kuukaudessa.
Se sisältää myös maailmanlaajuiset reunan käyttöönotot, välittömät palautukset, NetlifyCMS:n, palvelimettomat toiminnot, 100 Gt:n kaistanleveyden kuukaudessa ja jopa 100 vapaamuotoista lähetystä per sivusto kuukaudessa. Lisäksi voit isännöidä rajoittamattoman määrän sivustoja Starter-suunnitelmassa.
Pro-suunnitelma lisää ominaisuuksia, kuten salasanalla suojattuja sivustoja, taustatoimintoja, lisää valmistusminuutteja ja kaistanleveyttä sekä monia muita. Nämä lisäominaisuudet lisääntyvät, kun siirryt kohti korkeampia suunnitelmia.
Kuinka isännöidä verkkosivustoa ilmaiseksi Netlifyssa
Netlify päihittää muut pilvilaskenta- ja hosting-yritykset, kuten AWS, Google Cloud ja Azure yksinkertaisuuden vuoksi. Kyllä, heillä on enemmän infrastruktuuria, tehokkaampia koneita ja datakeskuksia ympäri maailmaa, mutta niiden asennus voi olla tylsää.
Tässä on vaiheittainen asennusprosessi, joka näyttää, kuinka helppoa on isännöidä Jamstack-sivustoa Netlifyssa.
1. Rekisteröidy ja kirjaudu sisään
Ensimmäinen askel on navigoida kohteeseen app.netlify.com ja ilmoittaudu, jos et ole. Sinut tervehditään viidellä eri kirjautumistavalla alkaen GitHub että GitLab, Bitbucket, Sähköposti ja SSO.
Rekisteröitymisen jälkeen sinun on myös kirjauduttava sisään sähköpostitilillesi löytääksesi Netlifyn lähettämän vahvistusviestin. Napsauta sitä vahvistaaksesi tilisi ja kirjautuaksesi järjestelmään.
2. Lisää uusi sivusto
Sovelluksen latautuminen kestää muutaman sekunnin. Sitten sinulle esitetään lyhyt kyselylomake, joka sisältää asioita, kuten tiimisi nimen ja niin edelleen. Täytä vain kaikki rehellisesti. Muista kuitenkin, että ilmainen paketti sisältää vain yhden jäsenen – sinut.
Kun olet käynyt läpi tämän vaiheen, löydät itsesi oletusarvoisesta hallintapaneelista. Napsauta "New Site from Git" isännöidäksesi uutta sivustoa. Tai voit myös vetää ja pudottaa kansion, joka sisältää staattiset tiedostosi, kojetaulun merkitylle alueelle, jolloin Netlify hoitaa loput.
3. Linkitä GitHub
Yllä olevan vaiheen 2 painikkeen napsautus avaa uuden ikkunan, joka kehottaa yhdistämään uuden sivustosi GitHubiin tai mihin tahansa muuhun Git-tietovarastoon, kuten GitLab ja Bitbucket. Varmista tässä vaiheessa, että sinulla on rekisteröity Git-tili ja että sivustosi tiedostot ovat jo arkistossa.
4. Valtuuta Netlify
Nyt sinun on vain kerrottava GitHubille, että se antaa Netlifylle pääsyn GitHub-tilillesi, ja kaikki on ratkaistu.
5. Valitse arkisto
Jokainen Netlify-standardisivusto on linkitetty yhteen tietovarastoon. Valitse se, jota haluat käyttää ja siirry eteenpäin.
6. Määritä koontiasetukset
Sinun on kiinnitettävä hieman huomiota tähän sivuun. Jos sinulla on jo staattisia sivustoja etkä käytä esiprosessoreita, voit asettaa julkaisuhakemistoksi "/". Ja jätä rakennuskomentokenttä tyhjäksi.
Jos käytät staattista sivustogeneraattoria, kuten Gatsby tai Next, toisaalta, mitä syötät tähän, riippuu generaattorista. Voit tarkistaa tämän luettelon yleisiä kokoonpanoja, tietääksesi mitä syöttää.
7. Rakenna ja ota käyttöön
Kun kaikki on asetettu, napsauta "Deploy Site" ja Netlify suorittaa kaikki tarvittavat koontiversiot ja luo kiiltävän uuden verkkosivustosi. Ole vain vähän kärsivällinen.
8. Määritä Domain Name
Kun sivustosi on luotu ja otettu käyttöön, Netlify antaa sille nimen *.netlify.app-verkkotunnuksessa. Voit myöhemmin muuttaa tämän nimen mukavammaksi tai jopa liittää sivustoon mukautetun verkkotunnuksen.
Netlifyn avulla voit liittää muualta ostamasi mukautetun verkkotunnuksen tai ostaa verkkotunnuksen Netlify-hallintapaneelin kautta. Ja järjestelmä hoitaa kaiken. Napsauta vain Domains-välilehteä hallintapaneelissasi lisätäksesi tai rekisteröidäksesi uuden verkkotunnuksen uudelle sivustollesi.
Yhteenveto
Olemme saavuttaneet tämän yksinkertaisen oppaan, jossa käsitellään erittäin nopean verkkosivuston isännöintiä ilmaiseksi Netlify-alustalla. Ja olet nähnyt syyt ja tavan tehdä se.
Nyt voit joko koodata staattinen sivustosi käsin tai käyttää staattisen sivuston generaattoria.
