{
  "id": 3986608,
  "title": "Building the flagship (3): a packaged UI library, i18n, and one-command Docker",
  "url": "https://urgent.news/2026/08/28/building-the-flagship-3-a-packaged-ui-library-i18n-and-one-command",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-28T15:15:52.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/martin_palopoli/building-the-flagship-3-a-packaged-ui-library-i18n-and-one-command-docker-5di1"
  },
  "original_language": "en",
  "account": "The Admin flagship app is not just a standalone application, but a comprehensive package that includes a UI library, internationalization (i18n) support, and a single Docker command for deployment. This library, called fitz_liveviews.ui.*, contains a wide array of reusable components such as DataGrids, sortable headers, toolbars, pagers, confirm dialogs, toasts, tree views, and various form inputs. These components are designed to be easily imported and rendered within any application, with styling applied through --flv-* design tokens that support light, dark, or automatic themes. The entire system is orchestrated using a Docker Compose setup, requiring only one command to start the entire stack, including a PostgreSQL database and the application itself. Translation is handled through a simple server-side dictionary, allowing for effortless localization between English and Spanish without the need for additional i18n libraries. The entire environment is encapsulated in a Docker Compose file that defines the necessary services, dependencies, and configurations, ensuring a consistent and reproducible setup.",
  "summary": "TL;DR — The Admin flagship isn't just an app — it's the app the companion UI library ( fitz_liveviews.ui.* ) was extracted from. The DataGrid, the sortable headers, the toolbar, the pager, the confirm dialog, the toasts, the tree view, every form input — all drop-in components you import and render. They're themed through --flv-* design tokens (so a light/dark/auto switch is free), translated…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}