[{"data":1,"prerenderedAt":119},["ShallowReactive",2],{"ref-pawlickundpawlick":3},{"id":4,"title":5,"body":6,"branche":101,"description":94,"displayName":102,"extension":103,"liveUrl":104,"meta":105,"name":106,"navigation":107,"path":108,"rank":109,"relatedService":110,"screenshot":111,"seo":112,"slug":113,"stack":114,"stem":115,"summary":116,"year":117,"__hash__":118},"referenzen\u002Freferenzen\u002Fpawlickundpawlick.md","Pawlickundpawlick",{"type":7,"value":8,"toc":93},"minimark",[9,14,22,26,78,82],[10,11,13],"h2",{"id":12},"briefing","Briefing",[15,16,17,21],"p",{},[18,19,20],"strong",{},"Pawlick & Pawlick GmbH"," ist ein Trockenbau-Betrieb. Die alte Site lief auf Express + Pug + MongoDB + Strapi, ein Stack, der für eine Firmen-Website zu schwer war. Server-Wartung, Strapi-Updates, MongoDB-Backups: alles Aufwand für eine Site, die im Kern eine Leistungs-Übersicht und eine Referenz-Galerie ist. Dazu der Anspruch, das Ganze barrierefrei zu machen.",[10,23,25],{"id":24},"lösung","Lösung",[15,27,28,29,33,34,37,38,41,42,45,46,49,50,53,54,57,58,37,61,64,65,68,69,72,73,77],{},"Migration auf ",[30,31,32],"em",{},"Nuxt 4"," mit ",[18,35,36],{},"Cloudflare Pages",", ",[18,39,40],{},"D1"," für Daten und ",[18,43,44],{},"R2"," für Bilder. Projekte und Bilder liegen in ",[30,47,48],{},"Drizzle","-Schemas, jedes Referenz-Projekt hat eine Galerie mit ",[30,51,52],{},"PhotoSwipe","-Lightbox. Karte über ",[30,55,56],{},"Leaflet"," mit OpenStreetMap. Kontaktformular validiert serverseitig, schickt Mails über ",[18,59,60],{},"AWS SES",[30,62,63],{},"Cloudflare Turnstile"," gegen Bots, Header-Injection wird sanitisiert. Das ",[18,66,67],{},"Theme-System"," bringt vier Modi: Dark (Default), Light, ",[18,70,71],{},"High-Contrast (WCAG AAA)"," und Reader-Mode mit Sepia + größeren Fonts. Ein ",[74,75,76],"code",{},"useAccessibility()","-Composable steuert Schriftgröße, Reduce-Motion, Lesehilfen, Cursor-Modi und Bilder-Ausblendung, alles in LocalStorage gemerkt.",[10,79,81],{"id":80},"outcome","Outcome",[15,83,84,85,88,89,92],{},"Server-Wartung entfällt komplett, die Site läuft auf Workers. Statische Seiten (Impressum, Datenschutz, Barrierefreiheit) werden vorgerendert, die Startseite läuft über ISR (1 h Revalidate), Referenz-Detailseiten über SSR mit 30 min Edge-Cache. Bildauslieferung kommt direkt aus R2 über ",[74,86,87],{},"images.pawlickundpawlick.de",". Die ",[18,90,91],{},"Trockenbau-Firma"," liefert Referenzen jetzt in einer Galerie statt in einem PDF-Anhang. Wer mit Screenreader oder Lesemaske auf die Site kommt, findet ein eigenes Setting dafür.",{"title":94,"searchDepth":95,"depth":96,"links":97},"",2,3,[98,99,100],{"id":12,"depth":95,"text":13},{"id":24,"depth":95,"text":25},{"id":80,"depth":95,"text":81},"Handwerk","PAWLICK-UND-PAWLICK","md","https:\u002F\u002Fpawlickundpawlick.de",{},"pawlickundpawlick.de",true,"\u002Freferenzen\u002Fpawlickundpawlick",5,"web-app","\u002Freferenzen\u002Fpawlickundpawlick.webp",{"description":94},"pawlickundpawlick","Nuxt","referenzen\u002Fpawlickundpawlick","Trockenbau-Site mit Referenz-Galerie, Theme-System und Barrierefreiheits-Modus.",2025,"Iig6NAyVm8XaGdFFns3OT-jsRKcoCzPskK0CTYhne6Y",1779196540687]