PGMPi GUI 1 backendAll technologies in one dashboard.
English Polish
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
Angular + Tailwind CSS + NxYou manage 5 key tools (0 favourites).
Stable3Release candidate1Experimental1
Demo navigationButton pairs highlight the difference between SPA navigation (requires JavaScript) and SSR links that keep working with scripts disabled.
Server mode
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
SSR: /en/ssr/server

HTML is rendered on demand. The SSR link stays functional even without JavaScript because the server returns an up-to-date page.

Prerender mode (:toolId)
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
SSR: /en/ssr/prerender/angular

HTML is generated at build time for predefined parameters — perfect for a CDN. The SSR link serves a static file.

Client mode
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
SSR: /en/ssr/client

The SSR link returns an empty shell — the page renders after hydration, so this mode requires active JavaScript.

Localization insights
This control relies on the SPA router and requires JavaScript. Enable JS to switch views without reloading.
SSR: /en/insights

The lazy module loads a dedicated translation scope to prove Transloco works with lazy routes.

Angular

Angular 20 introduces Signals, incremental hydration and route rendering in server, prerender and client modes.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.
Angular.dev
Tailwind CSS

Tailwind 3 provides utility classes so you can craft UI without leaving HTML. It works great with Angular Signals.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.
Tailwind docs
Nx Workspace

Nx 21 ships continuous tasks, a new terminal UI and automated AI hints — essential when scaling to hundreds of projects.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.
Nx.dev
Playwright

Playwright 1.56 offers a trace viewer and reliable CI runs. Nx integrates it directly as an e2e target.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.
Playwright.dev
Angular Signals

Signals remove manual ChangeDetectorRef — describe state declaratively and Angular propagates updates predictively.

This action updates client-side state and requires JavaScript. Reload the page after enabling JS.
Signals guide
Select a card to view details and manage favourites.
Tryb Server (SSR)HTML generowany przy każdym żądaniu

Ta strona renderuje się po stronie serwera za każdym razem, gdy użytkownik ją odwiedza. Dzięki temu widzi natychmiast aktualne dane (np. czas), nawet zanim przeglądarka załaduje JavaScript.

serverRenderedAt2026-02-10 14:06:05 GMT+00:00
requestNotetimestamp obliczony na etapie SSR
 Nawigacja z wyłączonym JavaScriptem nadal zwróci pełną stronę, ponieważ render odbywa się po stronie serwera. Po włączeniu JS Angular jedynie przeprowadza hydrację – treść pozostaje identyczna.