Frontend

Svelte

Svelte pakt het anders aan dan React en Vue: het meeste werk gebeurt vooraf bij het bouwen in plaats van in de browser van de bezoeker. Dat levert kleine, snelle interfaces op met opvallend weinig code.

Svelte / SvelteKit in het kort

Sinds
2016
Bijzonder
Vertaalt vooraf, geen framework in de browser
Raamwerk
SvelteKit
Sterk in
Kleine, snelle interfaces
In NL
Minderheid

Wat het is

Wat is Svelte / SvelteKit?

Svelte bestaat sinds 2016 en werd bedacht door Rich Harris. Waar andere frameworks een laag meesturen die in de browser draait, vertaalt Svelte je code vooraf naar kale JavaScript.

Het resultaat is minder code die de bezoeker moet binnenhalen en uitvoeren. Op tragere verbindingen en oudere telefoons is dat een merkbaar verschil.

Voor websites gebruik je SvelteKit, dat dezelfde rol vervult als Next.js bij React: pagina's op de server opbouwen zodat ze vindbaar zijn.

In Nederland is het een duidelijke minderheid. Ontwikkelaars zijn enthousiast, de leveranciersmarkt is klein, en dat weegt bij een project dat jaren mee moet.

Onder de motorkap

Hoe Svelte / SvelteKit werkt

  1. Svelte vertaalt je code bij het bouwen naar kale JavaScript; er gaat geen framework mee naar de browser.

  2. Voor volledige sites gebruik je SvelteKit, dat routering en serverzijdige opbouw regelt.

  3. Content komt uit bestanden of een headless CMS; een beheeromgeving zit er niet bij.

Past het bij jou?

Wanneer Svelte / SvelteKit de juiste keuze is

  • Snelheid en een kleine hoeveelheid code zijn een expliciet doel
  • Er is een interactieve toepassing die licht moet blijven
  • Er draait al een Svelte- of SvelteKit-project
  • Het team kent Svelte en wil erin blijven werken

Wanneer je beter iets anders kiest

Voor een bedrijfssite met content is het net als bij React en Vue veel bouwwerk voor iets wat een CMS kant-en-klaar levert. Het zwaardere punt in Nederland is de kleine markt: bij een leverancierswissel is een Svelte-ontwikkelaar aanzienlijk lastiger te vinden dan een React-ontwikkelaar, en dat risico neem je bewust of niet.

Kosten

Wat Svelte / SvelteKit kost

Svelte is gratis en open source. De kosten zitten in het bouwen.

Bij ons valt werk in Svelte onder maatwerk vanaf €6.500.

Reken op onderhoud: pakketten in het JavaScript-ecosysteem verouderen snel, ongeacht welk framework je kiest.

Uit de praktijk

Wat we het vaakst fout zien gaan

  1. De kleine markt negeren

    Technisch is er weinig op aan te merken. Praktisch zijn er in Nederland weinig Svelte-bureaus, en dat merk je pas als je iemand nodig hebt.

  2. Zonder SvelteKit bouwen

    Kaal Svelte bouwt de pagina in de browser op, en dan ziet een zoekmachine weinig. Voor een website is SvelteKit geen luxe.

  3. Snelheid als enig argument

    Een goed gebouwde site op elk modern framework haalt prima laadtijden. Het verschil weegt zelden op tegen de kleinere kennismarkt.

In Nederland

Svelte / SvelteKit in Nederland

Voor de meeste Nederlandse websites komt er helemaal geen frontend-framework aan te pas: die draaien op WordPress en dat is prima.

Wij komen dit tegen bij maatwerkprojecten en bij overnames. Zoek je een partij die zoiets bouwt, let dan op de zoekterm, met 'developer' erachter kom je op vacaturebanken uit.

Wat we doen

Wat wij met Svelte / SvelteKit doen

  • Bestaande Svelte- en SvelteKit-projecten overnemen
  • Interfaces bouwen in Svelte waar dat past
  • Adviseren of een CMS volstaat

Vragen

Veelgestelde vragen over Svelte / SvelteKit

Staat je vraag er niet tussen? Bel of app ons gerust, je krijgt binnen vier werkuur antwoord.

Projectmanager bij Volstoom

ProjectmanagerOp werkdagen binnen 4 uur antwoord

Staat je vraag er niet tussen? Stuur gerust een appje of een mail, dan zoeken we het voor je uit.

01Wat maakt Svelte anders dan React?

Svelte vertaalt je code vooraf naar kale JavaScript, zodat er geen framework meegaat naar de browser. Dat levert minder code en snellere pagina's op.

02Heb ik SvelteKit nodig?

Voor een website die gevonden moet worden wel. Kaal Svelte bouwt de pagina in de browser op en dan ziet een zoekmachine vrijwel niets.

03Is Svelte een verstandige keuze in Nederland?

Technisch prima, praktisch riskanter: er zijn hier weinig Svelte-bureaus. Bij een project dat jaren mee moet, weegt dat zwaar.

04Kunnen jullie een Svelte-project overnemen?

Ja. We kijken naar de versie, de pakketten en of het met SvelteKit is gebouwd.

05Wat is het verschil tussen Svelte en SvelteKit?

Svelte is het framework waarmee je interfaces bouwt; SvelteKit is het raamwerk eromheen voor volledige websites. SvelteKit regelt routering en serverzijdige opbouw en vervult dezelfde rol als Next.js bij React.

06Is Svelte sneller dan React?

Op tragere verbindingen en oudere telefoons merk je verschil, omdat Svelte minder code naar de bezoeker stuurt. Het vertaalt je code vooraf naar kale JavaScript, al haalt een goed gebouwde site op elk modern framework prima laadtijden.

07Wat zijn de nadelen van Svelte?

Er zit geen beheeromgeving bij, dus voor een bedrijfssite met content is het veel bouwwerk. Daarnaast is de markt in Nederland klein: bij een leverancierswissel is een Svelte-ontwikkelaar lastiger te vinden dan een React-ontwikkelaar.

08Wie heeft Svelte bedacht?

Svelte werd bedacht door Rich Harris en bestaat sinds 2016. Kenmerkend is dat het werk grotendeels vooraf bij het bouwen gebeurt, in plaats van in de browser van de bezoeker.

09Wat kost een project in Svelte?

Svelte is gratis en open source, dus de kosten zitten in het bouwen. Bij ons valt werk in Svelte onder maatwerk vanaf €6.500, plus doorlopend onderhoud omdat pakketten in het JavaScript-ecosysteem snel verouderen.

10Waarvoor is Svelte geschikt?

Voor interactieve toepassingen die licht moeten blijven en voor projecten waarin snelheid en een kleine hoeveelheid code een expliciet doel zijn. Het past ook als je team Svelte kent en erin wil blijven werken.

Eerst zien, dan beslissen

Benieuwd wat Svelte / SvelteKit voor jouw bedrijf kan betekenen?

Vraag het gratis proefontwerp aan: binnen 2 werkdagen zie je een ontwerp van je nieuwe homepage, met een vaste prijs erbij. Daarna beslis je pas.

  • Binnen 2 werkdagen zie je hoe jouw nieuwe website eruit kan zien.
  • Gratis en vrijblijvend. Het ontwerp is echt gratis, je zit nergens aan vast.
Projectmanager bij VolstoomUX/UI-designer bij VolstoomLead developer bij Volstoom

Het bureau achter je project: één vast aanspreekpunt, op werkdagen binnen vier uur reactie.

“Perfect gedaan. Ik stuurde een schets met uitleg en het eerste ontwerp zat er al voor 95 procent op. Na één kleine feedbackronde was alles precies zoals ik het wilde.”
Ondernemer, nieuw webdesign

Vraag je gratis homepage design aan

Binnen 2 werkdagen in je mail. Invullen duurt 1 minuut.

  • Gratis en vrijblijvend
  • Betalen pas bij livegang