Cases

abc.grn.dk lærer et barn at skrive et alfabet i stedet for at genkende det: vælg et bogstav, tegn det efter med en finger, og appen scorer den form, du faktisk tegnede, og fortæller dig, hvor tæt på du var. Thai først — alle 44 konsonanter, gratis — med japansk hiragana og katakana bag en premium-gate. Alt sker i browseren: håndskriftsgenkenderen er ren Dart, der kører på enheden, de oplæste bogstavnavne er filer bundtet med appen, og der er ingen konto, ingen backend og ingen reklamer.

Mit Håndværk er en dansk markedsplads-app for håndværk, kunst og design — en Flutter-app på Android og iOS oven på en Laravel-backend, med abonnementer, realtidschat og push. Denne case handler ikke om appens skærme. Den handler om maskineriet, der sætter en ny version af den foran brugerne: en pipeline, der tager et commit på main og cirka ti minutter senere har udgivet det til Google Play production — men kun efter at releasen er blevet installeret og koldstartet på en rigtig Android-enhed og har overlevet det.

Samme pipeline dækker Apple fra en Linux-server, der slet ikke kan bygge iOS: et release-tag overdrager buildet til en cloud-macOS-maskine, som signerer det og uploader det til TestFlight — og selve tagget kan ikke pushes, medmindre appens abonnementer faktisk er godkendt og prissat i App Store Connect.

Alt i billedet ovenfor er aflæst af det kørende system: tællerne kommer ud af pipelinens egen log, og telefonpanelet er det screenshot, publiceringsgaten trækker af emulatoren ved hver eneste release.

flutter.grn.dk er en hylde med tredive små cases, én pr. Flutter-pakke, der er værd at kende — routing, state management, animation, diagrammer, kort, lagring, i18n — og hver af dem er en levende demo, som den besøgende kan pille ved, med koden ved siden af og rigtige apps, der bruger pakken. Der er ingen skærmbilleder af Flutter på sitet: sitet er selv Flutter-appen, kompileret til web, med en rigtig URL pr. case, en side bag hver URL, som søgemaskiner kan læse, og en 3D-»casepark«, hvor hver case har sin egen stand.