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 Prerender (statyczne HTML)Treść generowana podczas builda

Ta trasa jest prerenderowana w trakcie builda dla z góry znanych parametrów :toolId. Dzięki temu treść można serwować z CDN bez angażowania runtime Node.js.

Angular

Framework aplikacji SPA z wbudowanym routerem, DI i SSR.

Rekomendowane zastosowanie: Duże aplikacje z zespołem wymagającym standardów.

 Dokumentacja
Dostępne ID:
 Jeśli dodasz nowe ID, pamiętaj o uzupełnieniu getPrerenderParams – inaczej build SSR nie wygeneruje statycznego HTML. Ten wymóg wynika z tego, że prerender musi znać pełną listę parametrów w czasie kompilacji.