Sådan hoster du en superhurtig hjemmeside gratis på Netlify

Jamstack websteder er superhurtige, fordi de serverer statiske filer. De bruger så lidt CPU- og serverressourcer generelt, at platforme som Netlify kan tilbyde gratis hosting af god kvalitet.

Netlify er et cloud-computing-miljø. Men i modsætning til andre cloud-platforme som AWS og Google Cloud, er Netlify enkel og nem at bruge. Ingen komplicerede tutorials og ingen lange opsætninger.

Netlify-tjenesten har til formål at gøre dit liv så nemt som muligt ved at kombinere det bedste fra forskellige verdener i én tjeneste: cloud computing, Jamstack, Git-lagre og freemium-priser.

Netlify & The Jamstack

Netlify har været en del af Jamstack-bevægelsen i lang tid og er en af ​​de tidligste og bedste platforme, der bidrager til væksten af ​​denne moderne webdesignmetode.

Jamstack-bevægelsen kombinerer JavaScript, API'er og Markup for at skabe en front-end-udviklingsmetodologi, der adskiller sig selv fra back-end. Dette resulterer i bedre serverydelse, bedre sikkerhed, lettere skalering og billigere driftsomkostninger.

GitHub, for eksempel, tilbød oprindeligt webhosting til filer, der er hostet på sin platform, men tjenesten havde sine begrænsninger. Derefter tog Netlify opbygningen af ​​webstedskode fra repositories og hosting af dets statiske varianter til et helt nyt niveau. Og det har skabt en helt ny branche med mange fordele.

Grunde til at bruge Netlify

Netlify betyder så mange ting, fordi det gør så mange ting. Ved at kombinere mange funktioner i en enkelt tjeneste og automatisere så meget af det som muligt, tilbyder platformen store fordele for virksomheder i alle størrelser.

Følgende er de største fordele, du kan få fra Netlify:

• Brugervenlighed – Netlify er en af ​​de nemmeste at bruge cloud-hostingplatforme derude. Der er ingen grund til at læse lange og forvirrende tutorials. Ingen komplicerede opsætningstrin at følge, eller endnu mere komplicerede vedligeholdelsesrutiner. Netify virker bare.
  
  Ud over det hele tilbyder systemet elastiske computerfunktioner som andre skymiljøer. Dette garanterer, at når tiden kommer, vil dit websted eller din tjeneste skalere elegant til at håndtere trafikstigninger uden de sædvanlige backend-flaskehalse.
  
• Indholdsdistributionsnetværk – Som en del af sin enkelhed og brugervenlighed inkluderer Netlify-tjenesten et indholdsdistributionsnetværk kaldet Netlify Edge. Den implementerer dine websider på tværs af flere lokationer for at betjene dem så hurtigt som muligt til besøgende i nærheden.
  
  Den store del af denne service er, at du ikke behøver at justere og konfigurere nogen indstillinger for at få de bedste resultater. Når du har implementeret dit websted, opdaterer du alle dine webaktiver og kode på én gang. Alle caches bliver øjeblikkeligt ugyldige og opdateret over hele kloden. Og du kan også rulle dit websted tilbage til tidligere builds nemt og øjeblikkeligt.
  
  Netlify administrerer det meste af dette automatisk for dig. Den eneste forskel er i antallet af tjenester og kantplaceringer, du får, da den gratis plan har nogle begrænsninger.
  
• Gratis Plan – Netlify er en freemium software-as-a-service platform. Men i modsætning til andre cloud-computing-platforme er den gratis konto helt gratis. Intet kreditkort er nødvendigt.
  
  Alligevel indeholder denne gratis plan mange imponerende funktioner. Såsom automatiserede Git-builds, edge-netværksimplementeringer, øjeblikkelig rollback til tidligere versioner, live previews før implementering og gratis serverløse funktioner.
  
• Automatiserede bygninger – Du får også Netlify Build gratis. Denne CI/CD (Continuous Integration/Continuous Deployment) gør det nemt at administrere din webstedsudvikling og -forbedringer. Det genopbygges automatisk fra dit lager, hver gang du skubber nye opdateringer til din Git-konto.
  
  Alt er fuldautomatisk, og forhåndsvisninger er tilgængelige for at fortælle dig, hvad du vil implementere. Du kan også konfigurere hvert trin i processen, og tilbagerulninger til tidligere builds er ubesværet.
  
• Netify funktioner – Hvert websted, du implementerer på Netlify-platformen, kommer med adgang til serverløse funktioner, som du kan bruge til mange ting. Disse Netlify-funktioner er processer på serversiden, der kører på JavaScript-kode.
  
  Hvert websted får 125 opkald gratis, og du behøver kun at betale, når du går forbi den kvote. Du kan bruge funktionerne til at håndtere billeder, sende e-mails, validere brugerinput og endda hente data fra andre API-endepunkter.
  
• Automatiske formularer – Netlify gør det nemt at integrere formularer i dit statiske websted og fange alle indsendelser uden omfattende kodning eller andre stressende problemer. Du skal blot tilføje 'netlify'-attributten til enhver af dine formularer som f.eks … og det er det.
  
  Du kan derefter se alle indsendelser i dit dashboard med formularerne omhyggeligt arrangeret efter navn. Systemet kommer med en anti-spam-funktion, og Netlify kan give dig yderligere besked via e-mail, Slack eller webhooks, når der er en indsendelse.
  
  Andre muligheder inkluderer videresendelse af de indsendte formularer til 1,000+ applikationer ved hjælp af Netlifys Zapier-integration.
  
• NetifyCMS – NetlifyCMS-appen er en praktisk editor til ethvert statisk websted, der hostes på Netlify-platformen gennem en Git-udbyder som GitHub. Det tager alle dine data fra depotet og skaber en brugervenlig administrationsgrænseflade.
  
  NetlifyCMS er en enkeltsides React-app bygget af et fællesskab på over 100 bidragydere. Det er redaktørvenligt, tilbyder en intuitiv arbejdsgang, er helt gratis og gør administration af Jamstack-websteder sjovt.
  
• Gratis HTTPS – Alle Netlify-hostingkonti inkluderer gratis HTTPS. Det er gratis SSL (Secure Socket Layer) certifikater.

Regnskab og priser

Netlify er en freemium-softwaretjeneste. Der er en helt gratis begynderplan, en Pro-plan til $19 pr. medlem pr. måned, en forretningsplan til $99 pr. medlem pr. måned og en Enterprise-plan med tilpassede priser.

Det imponerende ved Netlify er, at du kan få meget gjort med dens gratis Starter-plan. Designet til personlige projekter, eksperimenter, hobbysider og andre eventyr inkluderer Starter-planen automatiske builds med 300 gratis byggeminutter om måneden.

Det inkluderer også globale edge-implementeringer, øjeblikkelige tilbagerulninger, NetlifyCMS, serverløse funktioner, 100 GB båndbredde pr. måned og op til 100 frie indsendelser pr. websted pr. måned. Plus, du kan være vært for et ubegrænset antal websteder på Starter-planen.

Pro-planen tilføjer flere funktioner som adgangskodebeskyttede websteder, baggrundsfunktioner, flere byggeminutter og båndbredde, plus mange flere. Disse ekstra funktioner øges, efterhånden som du bevæger dig mod de højere planer.

Sådan hoster du et websted gratis på Netlify

Netlify slår andre cloud-computing- og hostingvirksomheder som AWS, Google Cloud og Azure for enkelhedens skyld. Ja, de har mere infrastruktur, mere kraftfulde maskiner og datacentre rundt om i verden, men deres opsætning kan være kedeligt.

Her er en trin-for-trin opsætningsproces, der viser dig, hvor nemt det er at hoste et Jamstack-websted på Netlify.

1. Tilmeld dig og log ind

Dit første skridt er at navigere til app.netlify.com og tilmeld dig, hvis du ikke har. Du vil blive mødt med fem forskellige login-metoder, fra GitHub til GitLab, Bitbucket, e-mail og SSO.

Efter tilmelding skal du også logge ind på din e-mail-konto for at finde bekræftelsesmailen fra Netlify. Klik på den for at bekræfte din konto og logge ind på systemet.

2. Tilføj et nyt websted

Det tager et par sekunder at indlæse appen. Derefter bliver du præsenteret for et kort spørgeskema, der inkluderer ting som dit holds navn og så videre. Bare udfyld alt ærligt. Men husk, at den gratis plan kun omfatter ét medlem – dig.

Når du er igennem denne fase, vil du finde dig selv i standard dashboardet. Klik på "Nyt websted fra Git" for at være vært for et nyt websted. Eller du kan også trække og slippe en mappe, der indeholder dine statiske filer, til det markerede område på bindestregen, hvorefter Netlify klarer resten.

3. Link GitHub

Et klik på knappen fra trin 2 ovenfor åbner et nyt vindue, der beder dig om at linke dit nye websted til GitHub eller ethvert andet Git-lager som GitLab og Bitbucket. På dette tidspunkt skal du sikre dig, at du har en registreret Git-konto, og at dit websteds filer allerede er i et lager.

4. Godkend Netlify

Nu skal du bare fortælle GitHub at give Netlify adgang til din GitHub-konto, og alt er afgjort.

5. Vælg dit lager

Hvert standard Netlify-websted er knyttet til et enkelt lager. Vælg den, du vil bruge, og gå videre.

6. Konfigurer byggeindstillinger

Du skal være lidt opmærksom på denne side. Hvis du allerede har statiske websteder og ikke bruger nogen forbehandlere, kan du indstille publiceringsmappen til "/". Og lad byggekommandofeltet stå tomt.

Hvis du på den anden side bruger en statisk webstedsgenerator som Gatsby eller Next, så vil det, du indtaster her, afhænge af generatoren. Du kan tjekke denne liste over almindelige konfigurationer, for at vide, hvad man skal indtaste.

7. Byg og implementer

Når alt er indstillet, skal du klikke på "Deploy Site", og Netlify vil køre alle nødvendige builds og oprette din skinnende nye hjemmeside. Bare hav lidt tålmodighed.

8. Indstil domænenavnet

Efter at have bygget og implementeret dit websted, vil Netlify give det et navn på *.netlify.app-domænet. Du kan senere ændre dette navn til noget pænere eller endda vedhæfte et brugerdefineret domæne til webstedet.

Netlify giver dig mulighed for at vedhæfte et brugerdefineret domæne, som du har købt et andet sted, eller at købe domænet via dit Netlify-dashboard. Og systemet vil tage sig af alt. Bare klik på fanen Domæner i dit dashboard for enten at tilføje eller registrere et nyt domæne til dit nye websted.

Konklusion

Vi er nået til slutningen af ​​denne enkle guide til at hoste en superhurtig hjemmeside gratis på Netlify-platformen. Og du har set årsagerne og måden at gøre det på.

Det er nu overladt til dig enten at kode dit statiske websted i hånden eller bruge en statisk webstedsgenerator.