Hur man är värd för en supersnabb webbplats gratis på Netlify

syltstack webbplatser är supersnabba eftersom de visar statiska filer. De använder så lite CPU- och serverresurser totalt sett att plattformar som Netlify kan erbjuda gratis hosting av god kvalitet.

Netlify är en molnmiljö. Men till skillnad från andra molnplattformar som AWS och Google Cloud är Netlify enkel och lätt att använda. Inga komplicerade tutorials och inga långa inställningar.

Tjänsten Netlify syftar till att göra ditt liv så enkelt som möjligt genom att kombinera det bästa av olika världar i en tjänst: molnberäkning, Jamstack, Git-förråd och freemium-priser.

Netlify & The Jamstack

Netlify har varit en del av Jamstack-rörelsen under lång tid och är en av de tidigaste och bästa plattformarna som bidrar till tillväxten av denna moderna webbdesignmetod.

Jamstack-rörelsen kombinerar JavaScript, API:er och Markup för att skapa en front-end-utvecklingsmetod som skiljer sig från back-end. Detta resulterar i bättre serverprestanda, bättre säkerhet, enklare skalning och billigare driftskostnader.

GitHub, till exempel, erbjöd till en början webbhotell till filer som finns på dess plattform, men tjänsten hade sina gränser. Sedan tog Netlify byggandet av webbplatskod från repositories och hosting av dess statiska varianter till en helt ny nivå. Och detta har skapat en helt ny bransch med många fördelar.

Skäl att använda Netlify

Netlify betyder så många saker eftersom det gör så många saker. Genom att kombinera många funktioner till en enda tjänst och automatisera så mycket som möjligt, erbjuder plattformen stora fördelar för företag av alla storlekar.

Följande är de stora fördelarna du kan få från Netlify:

• Enkel användning – Netlify är en av de enklaste att använda molnvärdplattformarna som finns. Det finns ingen anledning att läsa långa och förvirrande tutorials. Inga komplicerade installationssteg att följa, eller ännu mer komplicerade underhållsrutiner. Netify fungerar bara.
  
  Utöver det hela erbjuder systemet elastiska datorfunktioner som andra molnmiljöer. Detta garanterar att när det är dags, kommer din webbplats eller tjänst att skalas elegant för att hantera trafiktoppar utan de vanliga backend-flaskhalsarna.
  
• Innehållsfördelningsnätverk – Som en del av sin enkelhet och användarvänlighet inkluderar Netlify-tjänsten ett innehållsdistributionsnätverk som heter Netlify Edge. Den distribuerar dina webbsidor på flera platser, för att visa dem så snabbt som möjligt för besökare i närheten.
  
  Den stora delen av denna tjänst är att du inte behöver justera och konfigurera några inställningar för att få bästa resultat. När du har distribuerat din webbplats uppdaterar du alla dina webbtillgångar och kod på en gång. Alla cacher ogiltigförklaras och uppdateras omedelbart över hela världen. Och du kan också återställa din webbplats till tidigare byggen enkelt och omedelbart.
  
  Netlify hanterar det mesta automatiskt åt dig. Den enda skillnaden är antalet tjänster och kantplatser du får, eftersom gratisplanen har vissa begränsningar.
  
• Fri plan – Netlify är en freemium mjukvara-som-en-tjänst-plattform. Men till skillnad från andra molnbaserade plattformar är gratiskontot helt gratis. Inget kreditkort behövs.
  
  Ändå innehåller denna gratisplan många imponerande funktioner. Såsom automatiserade Git-byggnationer, edge-nätverksdistributioner, omedelbar återställning till tidigare versioner, liveförhandsvisningar före implementeringar och gratis serverlösa funktioner.
  
• Automatiserade byggnader – Du får också Netlify Build gratis. Denna CI/CD (Continuous Integration/Continuous Deployment) gör det enkelt att hantera din webbplatsutveckling och förbättringar. Den byggs automatiskt om från ditt förråd, varje gång du skickar nya uppdateringar till ditt Git-konto.
  
  Allt är helt automatiserat och förhandsvisningar är tillgängliga för att låta dig veta vad du kommer att distribuera. Du kan också konfigurera varje steg i processen och återställningar till tidigare versioner är enkelt.
  
• Netify-funktioner – Varje sida du distribuerar på Netlify-plattformen kommer med tillgång till serverlösa funktioner som du kan använda till många saker. Dessa Netlify-funktioner är processer på serversidan som körs på JavaScript-kod.
  
  Varje sida får 125 XNUMX anrop gratis och du behöver bara betala när du passerar den kvoten. Du kan använda funktionerna för att hantera bilder, skicka e-post, validera användarinmatning och till och med hämta data från andra API-slutpunkter.
  
• Automatiska formulär – Netlify gör det enkelt att integrera formulär i din statiska webbplats och fånga alla inlämningar utan omfattande kodning eller andra stressande problem. Lägg bara till attributet 'netlify' till någon av dina formulär som … och det är det.
  
  Du kan sedan se alla inlämningar i din instrumentpanel, med formulären noggrant ordnade efter namn. Systemet kommer med en anti-spam-funktion och Netlify kan meddela dig ytterligare via e-post, Slack eller webhooks när det finns en inlämning.
  
  Andra alternativ inkluderar att vidarebefordra de inskickade formulären till 1,000 XNUMX+ ansökningar med hjälp av Netlifys Zapier-integration.
  
• NetifyCMS – NetlifyCMS-appen är en bekväm redigerare för alla statiska sajter som finns på Netlify-plattformen via en Git-leverantör som GitHub. Det tar all din data från förvaret och skapar ett lättanvänt hanteringsgränssnitt.
  
  NetlifyCMS är en ensidig React-app byggd av en community med över 100 bidragsgivare. Det är redaktörsvänligt, erbjuder ett intuitivt arbetsflöde, är helt gratis och gör hanteringen av Jamstack-sajter rolig.
  
• Gratis HTTPS – Alla Netlify-värdkonton inkluderar gratis HTTPS. Det är gratis SSL-certifikat (Secure Socket Layer).

Konton & Priser

Netlify är en freemium-programvarutjänst. Det finns en helt gratis startplan, en Pro-plan för $19 per medlem och månad, en affärsplan för $99 per medlem och månad och en Enterprise-plan med anpassade priser.

Det imponerande med Netlify är att du kan få mycket gjort med dess gratis startplan. Designad för personliga projekt, experiment, hobbysajter och andra äventyr, startplanen inkluderar automatiserade builds med 300 gratis byggminuter per månad.

Det inkluderar också globala edge-distributioner, omedelbara återställningar, NetlifyCMS, serverlösa funktioner, 100 GB bandbredd per månad och upp till 100 inlämningar i fritt format per webbplats och månad. Dessutom kan du vara värd för ett obegränsat antal webbplatser på startplanen.

Pro-planen lägger till fler funktioner som lösenordsskyddade webbplatser, bakgrundsfunktioner, fler byggminuter och bandbredd, plus många fler. Dessa ytterligare funktioner ökar när du går mot de högre planerna.

Hur man är värd för en webbplats gratis på Netlify

Netlify slår andra molndata- och värdföretag som AWS, Google Cloud och Azure för enkelhetens skull. Ja, de har mer infrastruktur, kraftfullare maskiner och datacenter runt om i världen, men deras installation kan vara en tråkig.

Här är en steg-för-steg installationsprocess som visar hur enkelt det är att vara värd för en Jamstack-webbplats på Netlify.

1. Registrera dig och logga in

Ditt första steg är att navigera till app.netlify.com och registrera dig om du inte har gjort det. Du kommer att mötas med fem olika inloggningsmetoder, från GitHub till GitLab, Bit hink, e-post och SSO.

Efter att du har registrerat dig måste du också logga in på ditt e-postkonto för att hitta bekräftelsemailet från Netlify. Klicka på den för att verifiera ditt konto och logga in i systemet.

2. Lägg till en ny webbplats

Det tar några sekunder att ladda appen. Sedan får du ett kort frågeformulär som innehåller saker som ditt lags namn och så vidare. Fyll bara i allt ärligt. Men kom ihåg att gratisplanen bara inkluderar en medlem – du.

När du är genom det stadiet kommer du att befinna dig i standardinstrumentpanelen. Klicka på "Ny webbplats från Git" för att vara värd för en ny webbplats. Eller så kan du också dra och släppa en mapp som innehåller dina statiska filer till det markerade området på strecket och Netlify gör resten.

3. Länka GitHub

Knappklickningen från steg 2 ovan öppnar ett nytt fönster som uppmanar dig att länka din nya webbplats med GitHub, eller något annat Git-förråd som GitLab och Bitbucket. Se nu till att du har ett registrerat Git-konto och att din webbplats filer redan finns i ett arkiv.

4. Auktorisera Netlify

Nu behöver du bara berätta för GitHub att låta Netlify komma åt ditt GitHub-konto och allt är klart.

5. Välj ditt förråd

Varje standard Netlify-webbplats är länkad till ett enda arkiv. Välj den du vill använda och gå vidare.

6. Konfigurera bygginställningar

Du måste ägna lite uppmärksamhet åt den här sidan. Om du redan har statiska webbplatser och inte använder några förbehandlare, kan du ställa in publiceringskatalogen till "/". Och lämna byggkommandofältet tomt.

Om du å andra sidan använder en statisk webbplatsgenerator som Gatsby eller Next, beror vad du anger här på generatorn. Du kan kolla in den här listan med vanliga konfigurationer, för att veta vad man ska ange.

7. Bygg & distribuera

När allt är klart klickar du på "Deploy Site" och Netlify kommer att köra alla nödvändiga builds och skapa din glänsande nya webbplats. Ha lite tålamod bara.

8. Ställ in domännamnet

Efter att ha byggt och distribuerat din webbplats kommer Netlify att ge den ett namn på *.netlify.app-domänen. Du kan senare ändra detta namn till något trevligare eller till och med bifoga en anpassad domän till webbplatsen.

Netlify låter dig bifoga en anpassad domän som du köpt någon annanstans eller att köpa domänen via din Netlify-instrumentpanel. Och systemet kommer att ta hand om allt. Klicka bara på fliken Domäner i din instrumentpanel för att antingen lägga till eller registrera en ny domän för din nya webbplats.

Slutsats

Vi har nått slutet av den här enkla guiden om att vara värd för en supersnabb webbplats gratis på Netlify-plattformen. Och du har sett orsakerna och sättet att göra det.

Det är nu kvar för dig att antingen koda din statiska webbplats för hand eller använda en statisk webbplatsgenerator.