PGMPi GUI 1 backendWszystkie technologie w jednym miejscu.
Angielski Polski
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
Angular + Tailwind CSS + NxZarządzasz 5 kluczowymi narzędziami (0 ulubionych).
Stabilne3Release Candidate1Eksperymentalne1
Nawigacja demonstracyjnaPary przycisków pokazują różnicę między nawigacją SPA (wymaga JavaScriptu) a linkami SSR, które działają także przy wyłączonych skryptach.
Tryb Server
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
SSR: /pl/ssr/server

Generowany na żądanie HTML. Link SSR zadziała nawet przy wyłączonym JS, bo serwer renderuje aktualną wersję strony.

Tryb Prerender (:toolId)
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
SSR: /pl/ssr/prerender/angular

HTML powstaje podczas builda dla z góry znanych parametrów – idealne pod CDN. Link SSR zwraca statyczny plik.

Tryb Client
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
SSR: /pl/ssr/client

Link SSR zwróci pusty kontener – treść ładuje się dopiero po hydracji, dlatego ten tryb wymaga aktywnego JS.

Wnioski lokalizacyjne
Ten przycisk korzysta z routera SPA i wymaga włączonego JavaScriptu. Włącz JS, aby przełączać widoki bez przeładowania.
SSR: /pl/insights

Lazy module doczytuje własny scope tłumaczeń, aby pokazać, że Transloco działa w trasach wczytywanych na żądanie.

Angular

Angular 20 wprowadza Signals, incremental hydration oraz renderowanie tras w trybach server, prerender i client.

Ta akcja aktualizuje stan po stronie klienta i wymaga aktywnego JavaScriptu. Po włączeniu JS odśwież stronę.
Angular.dev
Tailwind CSS

Tailwind 3 daje gotowe klasy narzędziowe. Możesz generować UI bez opuszczania HTML i łączyć go z Angular Signals.

Ta akcja aktualizuje stan po stronie klienta i wymaga aktywnego JavaScriptu. Po włączeniu JS odśwież stronę.
Tailwind docs
Nx Workspace

Nx 21 zapewnia continuous tasks, nowe UI w terminalu i automatyczne instrukcje dla AI – kluczowe przy setkach projektów.

Ta akcja aktualizuje stan po stronie klienta i wymaga aktywnego JavaScriptu. Po włączeniu JS odśwież stronę.
Nx.dev
Playwright

Playwright 1.56 oferuje trace viewer i stabilne testy w CI. Nx integruje go bezpośrednio jako target e2e.

Ta akcja aktualizuje stan po stronie klienta i wymaga aktywnego JavaScriptu. Po włączeniu JS odśwież stronę.
Playwright.dev
Angular Signals

Signals eliminują manualne ChangeDetectorRef – stan opisujesz deklaratywnie, a Angular propaguje zmiany predykcyjnie.

Ta akcja aktualizuje stan po stronie klienta i wymaga aktywnego JavaScriptu. Po włączeniu JS odśwież stronę.
Signals guide
Wybierz kafelek, aby zobaczyć szczegóły i zarządzać listą ulubionych.
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.