Standaard weergegeven op de server
Inhoud komt binnen als HTML. Google en AI-antwoordmachines kunnen de pagina dus lezen zonder eerst je JavaScript uit te voeren.
JP Studio is een studio voor ontwerp en ontwikkeling in Amsterdam die Next.js-applicaties van begin tot eind bouwt: we ontwerpen de interface, schrijven de productiecode, zetten die op Vercel en houden het draaiend. Er is geen overdracht aan een apart ontwikkelbureau, want de mensen die de schermen ontwerpen leveren ze ook op.
En, minstens zo nuttig, wanneer niet.
De complexiteit van Next.js loont wanneer je pagina’s op de server wilt weergeven zodat zoekmachines en AI-crawlers echte inhoud lezen, met applicatieroutes achter een login, een database en betalingen in dezelfde codebase als de marketingsite. Dat vormt één product, in plaats van een website die aan een app is vastgemaakt.
Voor een informatieve website van vijf pagina’s die twee keer per jaar verandert, is het de verkeerde keuze. Daar past een statische website: goedkoper in gebruik, sneller en later veel eenvoudiger door iemand anders te onderhouden. Dat zeggen we liever in het eerste gesprek dan je te laten betalen voor een framework dat je niet nodig hebt.
Inhoud komt binnen als HTML. Google en AI-antwoordmachines kunnen de pagina dus lezen zonder eerst je JavaScript uit te voeren.
Marketingpagina’s, productschermen, authenticatie en API-routes staan bij elkaar. Voor één wijziging zijn dus geen drie deployments nodig.
Een preview per wijziging, direct terug naar een vorige versie en geen server die je midden in de nacht moet bijwerken.
We zijn hier concreet over, omdat de meeste bureauwebsites dat niet zijn. Onze eigen SaaS draait op Next.js 16 met Supabase voor Postgres en authenticatie en Stripe voor betalingen. We werken dagelijks met deze techniek; we hebben er niet alleen over gelezen.
We schrijven over de keuzes achter ons werk op het blog.
Giftalytics en JP Studio Search draaien allebei nu in productie.
Werk voor een klant. Een Nederlandstalige website voor een audiovisueel productiebedrijf: licht, geluid en video voor evenementen.
Elk project krijgt een eigen offerte, omdat het eerlijke antwoord is dat de prijs afhangt van de opdracht.
Je vindt richtprijzen op onze pakkettenpagina. Dezelfde briefing kan heel ander werk betekenen, afhankelijk van wat er al is en wat er daarna moet draaien. Je krijgt vooraf een vaste offerte, zodat je betaalt wat we afspreken.
Een merk, beschikbare inhoud en een duidelijke scope maken een project goedkoper. Beginnen met een leeg vel vraagt ontwerpwerk voordat het bouwen begint.
Een website die presenteert vraagt iets anders dan een product dat transacties verwerkt. Accounts, betalingen, rechten en een beheeromgeving bepalen een groot deel van de kosten.
Elke extra taal raakt teksten, de checkout, juridische informatie en metadata, niet alleen de zichtbare woorden op de pagina.
Een overdracht en een doorlopende samenwerking vragen een andere inzet en hebben daarom een andere prijs.
Een Next.js-ontwikkelbureau ontwerpt en bouwt webapplicaties met het Next.js-framework en verzorgt de deployment en het onderhoud, meestal op Vercel. Bij JP Studio doet één team zowel het ontwerp als de ontwikkeling. De interface en de bijbehorende code zijn dus niet verdeeld over twee bedrijven.
Ja. JP Studio is gevestigd in Amsterdam en werkt met klanten in heel Nederland en de rest van Europa. Het meeste werk gebeurt op afstand, met alleen de overleggen waarvoor een gesprek echt nodig is.
Niet altijd. Next.js past goed als je serverweergave voor SEO, applicatieroutes, authenticatie en een achterliggende database nodig hebt. Voor een handvol marketingpagina’s die zelden veranderen is een eenvoudige statische website goedkoper in gebruik en makkelijker over te dragen. Dat zeggen we dan ook.
React en Next.js op Vercel, met Supabase voor Postgres en authenticatie en Stripe voor betalingen. Onze eigen SaaS draait op Next.js 16 met Supabase en Stripe. We gebruiken deze techniek dus dagelijks en bevelen haar niet alleen aan.
JP Studio publiceert richtprijzen op de pakkettenpagina. Elk project krijgt een eigen offerte. De scope bepaalt de prijs vooral: hoeveel er al is, of er accounts, betalingen en een beheeromgeving nodig zijn, in hoeveel talen het werkt en of de studio na de livegang het beheer verzorgt. Je krijgt een vaste offerte voordat het werk begint.
Vertel over het product, de deadline en de beperking waar je je het meest zorgen over maakt. Je krijgt een inhoudelijk antwoord van de persoon die het werk zou doen.