Hoe u een supersnelle website gratis host op Netlify

Jamstack sites zijn supersnel omdat ze statische bestanden aanbieden. Ze gebruiken over het algemeen zo weinig CPU- en serverbronnen dat platforms zoals Netlify gratis hosting van goede kwaliteit kunnen bieden.

Netlify is een cloud-computergebruik omgeving. Maar in tegenstelling tot andere cloudplatforms zoals AWS en Google Cloud is Netlify eenvoudig en gemakkelijk te gebruiken. Geen ingewikkelde tutorials en geen langdurige opstellingen.

De dienst Netlify heeft tot doel uw leven zo gemakkelijk mogelijk te maken door het beste van verschillende werelden te combineren in één dienst: cloud computing, de Jamstack, Git-opslagplaatsen en freemium-prijzen.

Netlify & The Jamstack

Netlify maakt al heel lang deel uit van de Jamstack-beweging en is een van de vroegste en beste platforms die bijdragen aan de groei van deze moderne webdesign-methode.

De Jamstack-beweging combineert JavaScript, API's en Markup om een ​​front-end ontwikkelingsmethodologie te creëren die zich onderscheidt van de back-end. Dit resulteert in betere serverprestaties, beter veiligheid, eenvoudiger opschalen en goedkopere bedrijfskosten.

GitHub bood bijvoorbeeld aanvankelijk webhosting aan voor bestanden die op zijn platform worden gehost, maar de service had zijn limieten. Vervolgens bracht Netlify het bouwen van websitecode uit repositories en de hosting van de statische varianten naar een geheel nieuw niveau. En hierdoor is een compleet nieuwe industrie ontstaan ​​met veel voordelen.

Redenen om Netlify te gebruiken

Netlify betekent zoveel dingen omdat het zoveel dingen doet. Door veel functies in één dienst te combineren en zoveel mogelijk te automatiseren, biedt het platform grote voordelen voor bedrijven van elke omvang.

Dit zijn de belangrijkste voordelen die u van Netlify kunt krijgen:

• Makkelijk te gebruiken – Netlify is een van de gemakkelijkst te gebruiken cloud-hostingplatforms buiten. Het is niet nodig om lange en verwarrende tutorials te lezen. U hoeft geen ingewikkelde installatiestappen te volgen, of nog ingewikkelder onderhoudsroutines. Netlify werkt gewoon.
  
  Naast dit alles biedt het systeem elastische computerfuncties zoals andere cloudomgevingen. Dit garandeert dat wanneer de tijd daar is, uw website of service gracieus zal worden geschaald om verkeerspieken aan te kunnen zonder de gebruikelijke backend-knelpunten.
  
• Inhoudsdistributienetwerk – Als onderdeel van zijn eenvoud en gebruiksgemak omvat de Netlify-service een contentdistributienetwerk genaamd Netlify Edge. Het implementeert uw webpagina's op meerdere locaties om ze zo snel mogelijk aan bezoekers in de buurt te laten zien.
  
  Het geweldige van deze service is dat u geen instellingen hoeft aan te passen en te configureren om de beste resultaten te krijgen. Nadat u uw site heeft geïmplementeerd, werkt u al uw webassets en code in één keer bij. Alle caches worden onmiddellijk ongeldig gemaakt en over de hele wereld bijgewerkt. En u kunt uw site ook gemakkelijk en onmiddellijk terugdraaien naar eerdere builds.
  
  Netlify regelt dit grotendeels automatisch voor u. Het enige verschil zit in het aantal services en edge-locaties dat u krijgt, omdat het gratis abonnement enkele limieten heeft.
  
• Gratis abonnement – Netlify is een freemium software als service platform. Maar in tegenstelling tot andere cloudcomputerplatforms is het gratis account volledig gratis. Er is geen creditcard nodig.
  
  Toch bevat dit gratis abonnement veel indrukwekkende functies. Zoals geautomatiseerde Git-builds, rand netwerk implementaties, direct terugdraaien naar eerdere versies, live previews vóór implementatie en gratis serverloze functies.
  
• Geautomatiseerde builds – Je krijgt ook gratis Netlify Build. Deze CI/CD (Continuous Integration/Continuous Deployment) maakt het gemakkelijk om uw site-ontwikkelingen en verbeteringen te beheren. Het wordt automatisch opnieuw opgebouwd vanuit je repository, elke keer dat je nieuwe updates naar je Git-account pusht.
  
  Alles is volledig geautomatiseerd en er zijn previews beschikbaar om u te laten weten wat u gaat implementeren. U kunt ook elke stap van het proces configureren en terugdraaien naar eerdere builds is moeiteloos.
  
• Netlify-functies – Elke site die u op het Netlify-platform implementeert, heeft toegang tot serverloze functies die u voor veel dingen kunt gebruiken. Deze Netlify-functies zijn processen aan de serverzijde die op JavaScript-code draaien.
  
  Elke site krijgt gratis 125 aanroepingen en u hoeft alleen te betalen als u dat quotum overschrijdt. U kunt de functies gebruiken voor het verwerken van afbeeldingen, het verzenden van e-mails, het valideren van gebruikersinvoer en zelfs het ophalen van gegevens van andere API-eindpunten.
  
• Automatische formulieren – Netlify maakt het eenvoudig om formulieren in uw statische site en leg alle inzendingen vast zonder uitgebreide codering of andere stressvolle problemen. Voeg eenvoudigweg het 'netlify'-attribuut toe aan al uw formulieren, zoals … en dat is het.
  
  Vervolgens kunt u alle inzendingen bekijken in uw dashboard, waarbij de formulieren zorgvuldig op naam zijn gerangschikt. Het systeem wordt geleverd met een antispamfunctie en Netlify kan u verder op de hoogte stellen via email, Slack of webhooks zodra er een inzending is.
  
  Andere opties zijn het doorsturen van de ingediende formulieren naar 1,000+ applicaties met behulp van Netlify's Zapier-integratie.
  
• NetlifyCMS - De NetlifyCMS-app is een handige editor voor elke statische site die op het Netlify-platform wordt gehost via een Git-provider zoals GitHub. Het haalt al uw gegevens uit de repository en creëert een gebruiksvriendelijke beheerinterface.
  
  NetlifyCMS is een React-app met één pagina, gebouwd door een community van meer dan 100 bijdragers. Het is editor-vriendelijk, biedt een intuïtieve workflow, is volledig gratis en maakt het beheer van Jamstack-sites leuk.
  
• Gratis HTTPS – Alle Netlify-hostingaccounts zijn inclusief gratis HTTPS. Dat zijn gratis SSL (Secure Socket Layer) certificaten.

Accounts en prijzen

Netlify is een freemium-softwareservice. Er is een volledig gratis Starter-abonnement, een Pro-abonnement voor $ 19 per lid per maand, een Business-abonnement voor $ 99 per lid per maand en een Enterprise-abonnement met aangepaste prijzen.

Het indrukwekkende van Netlify is dat je veel gedaan kunt krijgen met het gratis Starter-abonnement. Het Starter-abonnement is ontworpen voor persoonlijke projecten, experimenten, hobbysites en andere avonturen en omvat geautomatiseerde builds met 300 gratis buildminuten per maand.

Het omvat ook wereldwijde edge-implementaties, instant rollbacks, de NetlifyCMS, serverloze functies, 100 GB bandbreedte per maand en tot 100 gratis formulierinzendingen per site per maand. Bovendien kunt u een onbeperkt aantal sites hosten met het Starter-abonnement.

Het Pro-abonnement voegt meer functies toe, zoals met een wachtwoord beveiligde sites, achtergrondfuncties, meer bouwminuten en bandbreedte, en nog veel meer. Deze extra functies nemen toe naarmate u naar de hogere plannen gaat.

Hoe een website gratis te hosten op Netlify

Netlify verslaat andere cloudcomputing- en hostingbedrijven zoals AWS, Google Cloud en Azure vanwege hun eenvoud. Ja, ze hebben meer infrastructuur, krachtigere machines en datacenters over de hele wereld, maar hun installatie kan vervelend zijn.

Hier is een stapsgewijs installatieproces dat laat zien hoe gemakkelijk het is om een ​​Jamstack-site op Netlify te hosten.

1. Aanmelden en inloggen

Je eerste stap is om te navigeren naar app.netlify.com en meld je aan als je dat nog niet hebt gedaan. U wordt begroet met vijf verschillende aanmeldingsmethoden, van GitHub naar GitLab, BitBucket, E-mail en SSO.

Nadat je je hebt aangemeld, moet je ook inloggen op je e-mailaccount om de bevestigingsmail van Netlify te vinden. Klik erop om uw account te verifiëren en in te loggen op het systeem.

2. Een nieuwe site toevoegen

Het laden van de app duurt een paar seconden. Vervolgens krijg je een korte vragenlijst te zien met dingen als de naam van je team enzovoort. Vul gewoon alles eerlijk in. Maar onthoud dat het gratis abonnement slechts één lid omvat: jij.

Als u eenmaal door die fase bent, bevindt u zich in het standaarddashboard. Klik op "Nieuwe site van Git" om een ​​nieuwe site te hosten. Of u kunt ook een map met uw statische bestanden slepen en neerzetten in het gemarkeerde gebied op het dashboard en Netlify doet de rest.

3. Koppel GitHub

De klik op de knop uit stap 2 hierboven opent een nieuw venster waarin u wordt gevraagd uw nieuwe site te linken met GitHub of een andere Git-repository zoals GitLab en Bitbucket. Zorg er nu voor dat je een geregistreerd Git-account hebt en dat de bestanden van je site al in een repository staan.

4. Autoriseer Netlify

Nu hoef je GitHub alleen maar te vertellen om Netlify toegang te geven tot je GitHub-account en alles is geregeld.

5. Selecteer uw opslagplaats

Elke standaard Netlify-site is gekoppeld aan één repository. Selecteer degene die u wilt gebruiken en ga verder.

6. Build-instellingen configureren

Op deze pagina moet je even opletten. Als u al statische sites heeft en geen pre-processors gebruikt, kunt u de publicatiemap op "/" zetten. En laat het opdrachtveld voor bouwen leeg.

Als u daarentegen een statische sitegenerator zoals Gatsby of Next gebruikt, is wat u hier invoert afhankelijk van de generator. U kunt deze lijst met: gemeenschappelijke configuraties, om te weten wat u moet invoeren.

7. Bouwen en implementeren

Zodra alles is ingesteld, klikt u op "Site implementeren" en Netlify voert alle benodigde builds uit en maakt uw glanzende nieuwe website. Heb gewoon een beetje geduld.

8. Stel de domeinnaam in

Na het bouwen en implementeren van uw site, geeft Netlify deze een naam op het *.netlify.app-domein. U kunt deze naam later in iets mooiers veranderen of zelfs een aangepast domein aan de site koppelen.

Met Netlify kun je een aangepast domein koppelen dat je ergens anders hebt gekocht of het domein kopen via je Netlify-dashboard. En het systeem regelt alles. Klik gewoon op het tabblad Domeinen in uw dashboard om een ​​nieuw domein voor uw nieuwe site toe te voegen of te registreren.

Conclusie

We zijn aan het einde gekomen van deze eenvoudige handleiding over het gratis hosten van een supersnelle website op het Netlify-platform. En je hebt de redenen en de manier gezien om het te doen.

Het is nu aan u om uw statische site met de hand te coderen of een statische sitegenerator te gebruiken.