Skip to content

SYSTEM Cited by 1 source

Appcraft Browser

What it is

Appcraft Browser is Zalando's demo harness app for exercising Appcraft screens against the Appcraft client runtime in isolation. It is a stripped-down companion to the full Zalando app, designed for web developers — who author Appcraft screen JSON on the server — to iterate on renderer logic without needing to build, sign, or install the entire Zalando app (Source: sources/2024-05-15-zalando-transitioning-to-appcraft-evolution-of-zalandos-server-driven-ui-framework).

Shape

Direct quote from the post: "We developed a demo app named the Appcraft Browser, featuring an address bar where any URL emitting appcraft screen JSON can be provided as input. The screen definition is then rendered in an isolated environment with only the bare minimum dependencies, facilitating faster development without the need to build the entire app. This tool allows web developers to insert a local host URL and test their development seamlessly while working on the renderer."

  • URL address bar as the single input.
  • Accepts any endpoint that emits Appcraft screen JSON, including localhost running on the developer's laptop.
  • Minimum dependencies — the Appcraft runtime + primitive components, not the 13-dynamic-page app surface.
  • Isolated environment — no other app chrome, no shared state, no analytics.

Canonicalises the patterns/demo-harness-for-sdui-rendering pattern — a narrow-scope "render any SDUI JSON from any endpoint" tool as the inner dev loop for a server-driven UI system.

Companion technique — PR-deployed debug-app testing

For end-to-end verification in the full production app context, Zalando uses a different technique: deploy the renderer change to staging from a PR; enter the PR number in the Zalando app's debug settings; the debug build then exercises that PR's renderer against the real app environment. See patterns/pr-deployed-renderer-testing-in-debug-app.

Appcraft Browser and the PR-debug technique are complementary:

  • Appcraft Browser — fast iteration, isolated, weak fidelity.
  • PR-debug app — slower, realistic, full-app integration.

Seen in

Last updated · 550 distilled / 1,221 read