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 computing-omgeving. Maar in tegenstelling tot andere cloudplatforms zoals AWS en Google Cloud, is Netlify eenvoudig en gebruiksvriendelijk. Geen ingewikkelde tutorials en geen lange setups.
De Netlify-service is bedoeld om uw leven zo gemakkelijk mogelijk te maken door het beste van verschillende werelden te combineren in één service: cloud computing, de Jamstack, Git-repositories 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, betere beveiliging, eenvoudiger schalen en lagere 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 cloudhostingplatforms die er zijn. Het is niet nodig om lange en verwarrende tutorials te lezen. Geen ingewikkelde installatiestappen om te volgen, of zelfs meer gecompliceerde 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-as-a-service platform. Maar in tegenstelling tot andere cloud computing-platforms, is het gratis account helemaal gratis. Er is geen creditcard nodig.
Toch bevat dit gratis abonnement veel indrukwekkende functies. Zoals geautomatiseerde Git-builds, edge-netwerkimplementaties, onmiddellijk 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 gemakkelijk om formulieren in uw statische site te integreren en alle inzendingen vast te leggen zonder uitgebreide codering of andere stressvolle problemen. Voeg eenvoudig het 'netlify'-attribuut toe aan al uw formulieren zoals … en dat is het.
U kunt dan alle inzendingen in uw dashboard bekijken, 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 e-mail, 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.
