Top 6 services voor een JAM-stack website

JAMstack heeft zich door de jaren heen ontwikkeld. Met het JAMstack-framework creëer je krachtige websites die overladen zijn met dynamische functionaliteiten met behulp van diensten en API’s. Tegelijkertijd gaan de kernvoordelen van de JAMstack-site – schaalbaarheid, prestaties en gebruiksgemak van codering – niet verloren wanneer kant-en-klare diensten worden gebruikt. 

Development
29 mei 2020
Martijn van der Put

1. Algolia

Veel mensen beschouwen zoekfunctionaliteit als een van de grootste uitdagingen in een statische site. Hun zorg is terecht - zoeken is een dynamische functie en het is een lastige taak om het naadloos toe te voegen en te laten werken in een statische site.

De mogelijkheid om te zoeken naar een query en direct resultaten te zien is haalbaar wanneer dit wordt ondersteund door een server en een database in de backend. Maar we hebben het over een JAMstack-site, die niet alleen serverloos is, maar slechts een verzameling statische HTML-bestanden is op een CDN.

Er zijn verschillende diensten beschikbaar die een rijke zoekfunctionaliteit kunnen renderen in je JAMstack-website. Een dergelijke functierijke API die een verbluffende zoekervaring creëert, is Algolia. Algolia is een gehoste zoekmachine die realtime zoekresultaten levert vanaf de eerste toetsaanslag.


Waarom kies je voor Algolia?

Er zijn verschillende andere redenen waarom je voor Algolia zou moeten kiezen. 

  • Een daarvan is de supersnelle responstijd. Deze API reageert in slechts enkele milliseconden omdat ze datacenters over de hele wereld hebben. ;=
  • Afgezien hiervan biedt het ook een geoptimaliseerde gebruikerservaring voor de automatische aanvulfunctie.
  • Algolia vereist zeer weinig onderhoud en zelfs als je vragen of problemen hebt met de API, is er een ondersteuningsteam dat je problemen in no-time oplost. 
  • Het beste deel is dat het supergemakkelijk is om het te configureren en aan te passen aan je zoekvereisten. 
  • Algolia is ook taalagnostisch, wat betekent dat je in elke gewenste taal kunt typen en toch resultaten kunt krijgen.



2. AUTH0

Heb je ooit toegang gehad tot een applicatie die gebruikersgegevens van sociale media-netwerken zoals Facebook opslaat? Dan is de kans groot dat je zeker bent gestuit op een vorm van authenticatie.

Authenticatie is essentieel om de veiligheid van opgeslagen gegevens in elke moderne webapplicatie te waarborgen. Het opzetten van een volledige authenticatieservice vanaf nul is echter een lastig proces vanwege de enorme technische overhead die ermee gepaard gaat. Gelukkig zijn er diensten zoals Auth0 die je leven eenvoudiger maken door een op de cloud gebaseerde identiteitsbeheerservice aan te bieden. Net als de andere diensten in deze lijst, stelt het je in staat om meer tijd te besteden aan het bouwen van het frontend gedeelte van je applicatie in plaats van lange uren te besteden aan het bouwen van technisch complexe elementen zoals authenticatie.



Waarom kies je voor Auth0?

  • De Auth0-service maakt het voor een programmeur mogelijk om authenticatie toe te voegen aan elke webapplicatie in slechts enkele minuten. Het enige wat je hoeft te doen is een paar regels code te schrijven en je app is geïntegreerd met Auth0 in elk framework naar keuze. 
  • Deze service is uiterst flexibel en omvat verschillende vooraf gebouwde authenticatietechnieken, waardoor het zelfs nog eenvoudiger wordt voor de programmeurs. 
  • Maar tegelijkertijd biedt het je de mogelijkheid om het proces volledig aan te passen aan je eisen, vooral als je het moet opbouwen vanuit een interne provider. 
  • Ten slotte is er uitgebreide documentatie beschikbaar op hun officiële website met tal van voorbeelden en tutorials om de API snel en gemakkelijk in te stellen.

Het is dan ook geen wonder dat Auth0 een plek heeft gevonden in deze lijst van topdiensten voor een JAMstack-site.

3. Cloudinary

Tegenwoordig zul je hebben gemerkt dat JAMstack een framework is dat zwaar leunt op de frontend, waarbij ontwikkelaars zich voornamelijk richten op gebruikerservaring en esthetiek. Voor dergelijke websites spelen media-onderdelen zoals afbeeldingen en video's een belangrijke rol. Helaas zal elke ontwikkelaar zeggen dat het omgaan met media op het web een behoorlijke taak is, vooral als het gaat om efficiënte levering en optimalisatie ervan. Om het nog erger te maken, twijfelt een groot aantal ontwikkelaars over de kwaliteit of het formaat dat ideaal is voor verschillende sites. Hier kan een externe API zoals Cloudinary helpen door het volledige beheer van afbeeldingen voor je website te regelen.

Cloudinary behandelt het hele proces van het uploaden van afbeeldingen naar hun cloud en optimaliseert ze intelligent voor de beste prestaties. Deze geoptimaliseerde afbeeldingen worden via een CDN aan je geleverd, wat een extra laag prestaties toevoegt zonder afbreuk te doen aan de kwaliteit van de afbeeldingen.

Cloudinary transformeert of manipuleert niet alleen afbeeldingen, maar behandelt ook video's om ervoor te zorgen dat ze passen bij het grafische ontwerp van je website. Zijn Dynamic Media Platform kan diverse mediabeheercomponenten automatiseren, zodat je ze niet zelf hoeft te bouwen, wat je leven eenvoudiger maakt. Net als Auth0 heeft Cloudinary een uitgebreide verzameling documentatie op zijn website, waardoor het vrij eenvoudig is om het te integreren met je JAMstack-site en snel aan de slag te gaan.



4. Basin

Het verwerken van formulierinzendingen is een lastige zaak in de meeste statische sites. Omdat je ze moet serialiseren, opslaan en de gegevens moet verzenden wanneer dat nodig is. Er zijn verschillende gratis formulierbouwers zoals Google Forms die je kunt integreren met je site. Het enige probleem - het moet worden ingebed in je site, wat het eigenlijke doel van een gebruiksklare API tenietdoet die je kan helpen tijd en moeite te besparen.

Een van je beste opties is om Basin Forms te gebruiken, wat een uitstekende service is voor het integreren van formulieren in je JAMstack-site. Het is niet alleen krachtig, maar ook uiterst eenvoudig te configureren zonder dat je een enkele regel server-side code hoeft te schrijven.


Waarom kies je voor Basin?

  • De opgeslagen gegevens zijn volledig veilig dankzij de 256-bits versleuteling. 
  • Basin garandeert ook een ongeëvenaarde flexibiliteit om je formulieren te beheren, zoals het toevoegen van je eigen aangepaste logo en het kiezen van je voorkeurskleur van formulieren uit een groot kleurenpalet. 
  • Maar de USP van Basin is zijn vermogen om je de ingediende gegevens te laten doorsturen door de workflows te automatiseren zonder een enkele regel code te schrijven.

5. Netlify functions

Vraag aan een willekeurige ontwikkelaar naar het meest opwindende aspect van een JAMstack en 9 van de 10 zullen zeggen dat het de serverloze functies zijn. Een Function as a Service (FaaS), zoals de naam al aangeeft, stelt je in staat om elke gewenste functie toe te voegen aan je JAMstack-site. Het biedt uitgebreide flexibiliteit om zo ongeveer alles te bouwen zonder je zorgen te hoeven maken over de vereiste van een server. Nog beter, je wordt niet in rekening gebracht wanneer je het niet gebruikt, omdat het een op abonnementen gebaseerd model is.

Netlify Functions is een van de FaaS-services die ideaal voor je is als je Netlify gebruikt om je JAMstack-website te hosten. Dit komt doordat het het voordeel biedt van een centrale facturering samen met je hosting.

Typisch stelt de Netlify Functions-service je in staat om de AWS Lambda-functies te implementeren zonder dat je daadwerkelijk een AWS-account nodig hebt. De functies worden in plaats daarvan rechtstreeks beheerd door Netlify. Bovendien worden alle functies versie gecontroleerd en samen met de rest van de Netlify-site geïmplementeerd. Je profiteert ook aanzienlijk van Netlify Functions, omdat het automatisch de service discovery afhandelt vanuit de ingebouwde API-gateway.


6. Snipcart

Heb je ooit overwogen om je statische site om te zetten naar een e-commerce site om je producten te gaan verkopen? Heb je jezelf tegengehouden vanwege de angst voor de complexiteit die ermee gepaard gaat?

Als je site is gebouwd in het JAMstack-framework, dan hoef je je nergens zorgen over te maken. Dit allemaal dankzij Snipcart, dat een van de gemakkelijkste oplossingen voor het winkelwagentje is en zelfs een beginnende ontwikkelaar in staat stelt om binnen enkele minuten een e-commerce website op te zetten. Het enige wat je nodig hebt is een HTML-opmaak die aan de bestaande site moet worden toegevoegd.

Snipcart is ideaal voor je e-commerce behoeften omdat het betalingsverwerking, berekening van verzendkosten en orderbeheer afhandelt. Kortom, het biedt alles wat je nodig hebt om een e-commerce website te onderhouden. Je hoeft slechts twee regels code aan je website toe te voegen en je kunt meteen producten gaan verkopen. Het verbindt zelfs met betalingsgateways zoals PayPal, Stripe, Square, enz. om aan je betalingsbehoeften te voldoen.

Conclusie

In dit artikel hebben we enkele van de beste services voor een JAMstack-site gezien die je JAMstack-site dynamischer kunnen maken zonder je zorgen te hoeven maken over schaalbaarheid en prestaties. Dit is echter slechts het topje van de ijsberg, want er zijn tal van andere top services die je kunt verkennen en gebruiken om je leven gemakkelijker te maken bij het bouwen van je volgende JAMstack-website.


Wil je meer informatie? Neem dan contact op.

Cookies
Deze site gebruikt geanonimiseerde cookies. Klik op "Akkoord" als je akkoord gaat met het gebruik van cookies, of klik op "Aanpassen" om je voorkeuren te bepalen.
Deze site gebruikt geanonimiseerde cookies.