Hoe u een supersnelle website gratis host op Netlify

Overweeg je om je Jamstack-site op Netlify te hosten, maar weet je nog steeds niet hoe je dit moet aanpakken en waar je op moet letten? Hier is een korte handleiding om u te helpen.

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 a cloud-computergebruik environment. But unlike other cloud platforms like AWS and Google Cloud, Netlify is simple and easy to use. No complicated tutorials and no lengthy setups.

The Netlify service aims to make your life as easy as possible by combining the best of different worlds into one service: cloud computing, the Jamstack, Git repositories, and freemium pricing.

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.

The Jamstack movement combines JavaScript, APIs, and Markup to create a front-end development methodology that separates itself from the back-end. This results in better server performance, better veiligheid, easier scaling, and cheaper running costs.

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 one of the easiest to use cloud-hostingplatforms out there. There is no need to read long and confusing tutorials. No complicated setup steps to follow, or even more complicated maintenance routines. Netlify just works.

    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 a freemium software als service platform. But unlike other cloud-computing platforms, the free account is completely free. No credit card is needed.

    Still, this free plan includes many impressive features. Such as automated Git builds, rand netwerk deployments, instant rollback to previous versions, live previews before deploys, and free serverless functions.
  • 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 makes it easy to integrate forms into your statische site and capture all the submissions without extensive coding or other stressful issues. Simply add the ‘netlify’ attribute to any of your forms like <form name=”contact” netlify>…</form> and that’s it.

    You can then view all submissions in your dashboard, with the forms carefully arranged by name. The system comes with an anti-spam feature and Netlify can further notify you via email, Slack, or webhooks once there is a submission.

    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

Netlify-login

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.

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.

Netlify 3

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.

Nnamdi Okeke

Nnamdi Okeke

Nnamdi Okeke is een computerliefhebber die graag een breed scala aan boeken leest. Hij heeft een voorkeur voor Linux boven Windows/Mac en gebruikt al jaren
Ubuntu sinds zijn begindagen. Je kunt hem op twitter vangen via bongotrax

Artikelen: 278

Technische spullen ontvangen

Tech trends, startup trends, reviews, online inkomsten, webtools en marketing een of twee keer per maand

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *