[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"cms-options":3,"work-case-urencalculatie":41},{"data":4,"source":40},{"absolitOptions":5},{"absolitOptionsFields":6},{"tagline":7,"shortDescription":8,"faqIntro":9,"email":10,"phone":11,"seoTitleSuffix":12,"seoDefaultDescription":13,"seoDefaultImage":14,"seoPages":15},"Digitaal vakwerk. Vlakbij.","Websites en maatwerk software voor ondernemers die kwaliteit verwachten. Persoonlijk contact, snel geschakeld.","Hier vind je antwoorden op alle vragen over mijn werkwijze, diensten en tarieven.","info@absolit.nl","0644694639"," - Absolit","Websites en maatwerk software voor ondernemers in Nederland. Persoonlijk contact, snel geschakeld.",null,[16,20,24,28,32,36],{"route":17,"title":18,"description":13,"noindex":19,"image":14},"\u002F","Absolit - Webontwikkeling voor ondernemers",false,{"route":21,"title":22,"description":23,"noindex":19,"image":14},"\u002Fwork","Mijn Werk","Bekijk mijn werk: recente webdevelopment projecten voor ondernemers in Nederland.",{"route":25,"title":26,"description":27,"noindex":19,"image":14},"\u002Ffaq","Veelgestelde Vragen","Antwoorden op veelgestelde vragen over webdevelopment en diensten.",{"route":29,"title":30,"description":31,"noindex":19,"image":14},"\u002Ftarieven","Tarieven","Vaste uurtarieven voor webdevelopment: website, webshop, maatwerk software en onderhoud.",{"route":33,"title":34,"description":35,"noindex":19,"image":14},"\u002Fprivacy","Privacyverklaring","Lees hoe Absolit omgaat met jouw persoonlijke gegevens en privacy.",{"route":37,"title":38,"description":39,"noindex":19,"image":14},"\u002Fvoorwaarden","Algemene Voorwaarden","De algemene voorwaarden voor samenwerking met Absolit. Lees hier alles over opdrachten, prijzen en aansprakelijkheid.","live",{"databaseId":42,"title":43,"slug":44,"date":45,"content":46,"seo":47,"projectFields":53,"featuredImage":130,"siteVisibility":139},327,"UrenCalculatie","urencalculatie","2026-08-10T13:44:23","\u003Cp>Een tool om een urenschatting op te bouwen en die als link te delen. Je maakt groepen met regels eronder, sleept ze in de volgorde die je wilt, vult je uurtarief in en onderaan staan de totale kosten. De link kun je doorsturen; wie hem opent ziet de schatting van de kosten terwijl jij eraan werkt.\u003C\u002Fp>\n\u003Ch2>Waarom\u003C\u002Fh2>\n\u003Cp>Bij Specialist in Websites moest er voortdurend geschat worden hoeveel uur de developers in een project zouden steken. Dat ging via een Excel-sjabloon. Dat sjabloon werd zo vaak gebruikt dat het logischer en efficiënter werd er een webtool van te maken.\u003C\u002Fp>\n\u003Cp>Onze manager kon zien waar een schatting op gebaseerd was en de klant kreeg inzicht in wat zijn wensen concreet betekenden.\u003C\u002Fp>\n\u003Ch2>Hoe het werkt\u003C\u002Fh2>\n\u003Cp>Laravel 12 met Inertia 2 en Vue 3. Geen aparte API-laag: Inertia geeft de Vue-componenten hun data rechtstreeks mee vanuit de controller. Voor iets dat door een handvol mensen gebruikt wordt, scheelt dat een hoop bouwwerk dat nergens toe dient. Componenten komen uit Nuxt UI, styling is Tailwind 4, state zit in Pinia.\u003C\u002Fp>\n\u003Cp>Een schatting is een boom: groepen met regels eronder. Elke regel heeft uren, een kleur en een type. Naast een gewone regel kun je een kop invoegen om structuur aan te brengen, of een regel als optioneel markeren: die telt niet mee in het totaal maar blijft wel staan, zodat de klant ziet wat hij niet afneemt. Slepen gaat met vuedraggable, het bedrag herberekent live.\u003C\u002Fp>\n\u003Cp>Onderweg is het project van Laravel 10 met Mix naar Laravel 12 met Vite verhuisd en zijn de restanten van die oude opzet opgeruimd.\u003C\u002Fp>\n\u003Ch2>Kernpunten waar ik trots op ben\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ccode>lz-string\u003C\u002Fcode> in zowel PHP als JavaScript\u003C\u002Fstrong> voor gedeelde state-compressie, zodat een schatting in je browsersessie kan blijven staan en de server datzelfde blok kan uitlezen wanneer het nodig is. Daardoor werkt de tool zonder account, zonder dat je je werk kwijt bent als je het tabblad sluit.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Tegelijk aan één sessie werken, via websockets met Laravel Reverb.\u003C\u002Fstrong> Op eigen infrastructuur, dus geen abonnement en geen externe partij die meeleest in wat in feite tarieven en marges zijn. Je krijgt een melding wie er is aangehaakt.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Excel-export mét opmaak via \u003Ccode>xlsx-js-style\u003C\u002Fcode>\u003C\u002Fstrong>, plus JSON en PDF, voor jezelf en voor de klant. Geen kale CSV die de ontvanger zelf mag opmaken.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Optionele regels: zichtbaar in de opbouw, buiten het totaal.\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>SSO met Microsoft en Google via Socialite, plus een limietloze gastmodus.\u003C\u002Fstrong> Inloggen mag, maar hoeft niet.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Wat het opleverde\u003C\u002Fh2>\n\u003Cp>De tool heeft veel tijd gescheeld zolang we op deze manier schatten. Maar Specialist in Websites groeide en ik groeide mee: ik ben steeds meer met scrum gaan werken, waarbij je een backlog indeelt in sprints van een of twee weken. Vanaf dat moment schat je niet meer vooraf een heel project maar per sprint en toen ben ik de tool zelf niet meer gaan gebruiken.\u003C\u002Fp>\n",{"title":48,"metaDesc":49,"canonical":49,"opengraphTitle":48,"opengraphDescription":50,"metaRobotsNoindex":51,"metaRobotsNofollow":52,"opengraphImage":14},"UrenCalculatie - WP - Admin","","Een tool om een urenschatting op te bouwen en die als link te delen. Je maakt groepen met regels eronder, sleept ze in de volgorde die je wilt, vult je uurtarief in en onderaan staan de totale kosten. De link kun je doorsturen; wie hem opent ziet de schatting van de kosten terwijl jij eraan … Continued","noindex","follow",{"client":14,"startDate":54,"duration":55,"projectType":56,"description":58,"liveWebsite":59,"cvDescription":60,"headerImage":61,"skills":71,"gallery":91},"2021-07-20T00:00:00+00:00","Doorlopend",[57],"prive","Een tool om urenschattingen op te bouwen en als link te delen, inclusief live meekijken.","http:\u002F\u002Furencalculatie.nl\u002F","\u003Cul>\n\u003Cli>Veel voorkomende urenschattingen: genereert een berekening voor ontwikkelaars en ontwerpers, vaak gevraagd door bedrijven.\u003C\u002Fli>\n\u003Cli>Diverse exportmethoden: schattingen kunnen worden geëxporteerd als JSON, PDF of Excel-bestand.\u003C\u002Fli>\n\u003Cli>Gestroomlijnde aanpak: gebruiksvriendelijke methode voor het berekenen van functionaliteiten en genereren van rapporten.\u003C\u002Fli>\n\u003Cli>Efficiënt systeem toegepast op zowel professioneel als freelance werk.\u003C\u002Fli>\n\u003C\u002Ful>\n",{"node":62},{"mediaItemUrl":63,"altText":64,"caption":65,"thumbnailUrl":66,"previewUrl":67,"mediaDetails":68},"https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-ingevuld-desktop.webp","Een ingevulde urenschatting in UrenCalculatie, met de uren per onderdeel.","\u003Cp>Een ingevulde urenschatting in UrenCalculatie, met de uren per onderdeel. Onderdeel van het project UrenCalculatie.\u003C\u002Fp>\n","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-ingevuld-desktop-768x565.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-ingevuld-desktop-1024x754.webp",{"width":69,"height":70},1600,1178,{"nodes":72},[73,76,79,82,85,88],{"databaseId":74,"title":75},291,"Laravel",{"databaseId":77,"title":78},392,"Vue 3",{"databaseId":80,"title":81},406,"Inertia",{"databaseId":83,"title":84},429,"TypeScript",{"databaseId":86,"title":87},391,"Tailwind CSS",{"databaseId":89,"title":90},377,"WebSockets",{"nodes":92},[93,103,112,122],{"id":94,"altText":95,"caption":96,"thumbnailUrl":97,"previewUrl":98,"mediaItemUrl":99,"mediaDetails":100},"cG9zdDo1MTg=","Een ingevulde urenschatting in UrenCalculatie op een telefoon.","\u003Cp>Een ingevulde urenschatting in UrenCalculatie op een telefoon. Onderdeel van het project UrenCalculatie.\u003C\u002Fp>\n","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-ingevuld-mobile-768x2176.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-ingevuld-mobile-361x1024.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-ingevuld-mobile-scaled.webp",{"width":101,"height":102},904,2560,{"id":104,"altText":105,"caption":106,"thumbnailUrl":107,"previewUrl":108,"mediaItemUrl":109,"mediaDetails":110},"cG9zdDo1MTk=","Een lege urenschatting in UrenCalculatie op een breed scherm.","\u003Cp>Een lege urenschatting in UrenCalculatie op een breed scherm. Onderdeel van het project UrenCalculatie.\u003C\u002Fp>\n","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-leeg-desktop-768x480.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-leeg-desktop-1024x640.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-leeg-desktop.webp",{"width":69,"height":111},1000,{"id":113,"altText":114,"caption":115,"thumbnailUrl":116,"previewUrl":117,"mediaItemUrl":118,"mediaDetails":119},"cG9zdDo1MjA=","Een lege urenschatting in UrenCalculatie op een telefoon.","\u003Cp>Een lege urenschatting in UrenCalculatie op een telefoon. Onderdeel van het project UrenCalculatie.\u003C\u002Fp>\n","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-leeg-mobile-768x1662.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-leeg-mobile-473x1024.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fgenerator-leeg-mobile.webp",{"width":120,"height":121},1170,2532,{"id":123,"altText":124,"caption":125,"thumbnailUrl":126,"previewUrl":127,"mediaItemUrl":128,"mediaDetails":129},"cG9zdDo1MjE=","Het welkomscherm van UrenCalculatie.","\u003Cp>Het welkomscherm van UrenCalculatie. Onderdeel van het project UrenCalculatie.\u003C\u002Fp>\n","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fwelkom-desktop-768x480.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fwelkom-desktop-1024x640.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fwelkom-desktop.webp",{"width":69,"height":111},{"node":131},{"sourceUrl":132,"altText":133,"caption":134,"thumbnailUrl":135,"previewUrl":136,"mediaItemUrl":132,"mediaDetails":137},"https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fbanner-urencalculatie.webp","Het logo van UrenCalculatie op een vlak in de merkkleur.","\u003Cp>Het logo van UrenCalculatie op een vlak in de merkkleur. Onderdeel van het project UrenCalculatie.\u003C\u002Fp>\n","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fbanner-urencalculatie-768x432.webp","https:\u002F\u002Fadmin.marthijnbeilschmidt.nl\u002Fapp\u002Fuploads\u002F2026\u002F08\u002Fbanner-urencalculatie-1024x576.webp",{"width":69,"height":138},900,{"site":140,"searchVisible":142},[141],"both",true]