Przejdź do treści

33 artykuły o tematyce ReactStrona 4

Kiedy stosować Cypress Component Testing w Next.js

Cypress Component Testing CT daje nam przydatną warstwę testów, kiedy chcemy wyłapać problemy z DOM, CSS i interakcjami, których nie widać w samym jsdom . Testując komponent, uruchamiamy go w przeglądarce, ale bez uruchamiania całej aplikacji.

Maciej Sala

Maciej Sala

Founder StriveLab

Wdrożenie Google Tag Manager w Next.js App Router

Google Tag Manager GTM potrafi bardzo szybko uporządkować analitykę, ale równie szybko potrafi zamienić ją w czarną skrzynkę. W klasycznej stronie problem jest jeszcze do opanowania: dokument się przeładowuje, tagi odpalają się od nowa, a marketer widzi coś, co przypomina znany model page view. W aplikacji Next.js z App Routerem sytuacja jest inna, bo nawigacja działa jak w SPA. Adres URL się zmienia, komponenty się przełączają, ale kontener GTM nie startuje od zera.

Maciej Sala

Maciej Sala

Founder StriveLab

GA4 Data API w Next.js – budujemy własny dashboard analityczny

Własny dashboard GA4 nie jest zamiennikiem Analytics ani Looker Studio. Ma sens wtedy, gdy raport jest częścią produktu, panelu klienta albo łączy dane o ruchu z informacjami, których Google nie zna: leadami, zamówieniami i przychodem. W tym przewodniku zbudujemy mały, ale kompletny przepływ dla Next.js 16: od bezpiecznej autoryzacji po cache i prezentację ograniczeń jakości danych.

Maciej Sala

Maciej Sala

Founder StriveLab

Kiedy zrezygnować z Reacta na rzecz Astro HTMX i Vanilla JS

React nadal jest świetnym narzędziem do budowania złożonych interfejsów, aplikacji SaaS, dashboardów i produktów z dużą ilością stanu po stronie klienta. Problemy zaczynają się wtedy, gdy wybieramy go automatycznie do każdego projektu, czy to strony firmowej, landing page'a, bloga, dokumentacji czy prostego formularza. W takich przypadkach koszt JavaScriptu, hydratacji, bundla i utrzymania architektury potrafi być większy niż realna korzyść z użycia tego frameworka.

Maciej Sala

Maciej Sala

Founder StriveLab

WordPress REST API z React i Next.js — headless CMS

WordPress świetnie sprawdza się jako prosty panel do zarządzania treścią dla nowoczesnych aplikacji w React czy Next.js . Zmiana go w headless CMS oznacza jednak, że serwis musi przejąć na siebie obowiązki, którymi wcześniej zajmował się sam WordPress. Dbanie o płynne dzielenie stron, bezpieczne wyświetlanie tekstu, pamięć podręczną czy podgląd roboczych wpisów trafia teraz w ręce twórców frontendu, a zwykłe pobranie danych to zaledwie pierwszy krok całej integracji.

Maciej Sala

Maciej Sala

Founder StriveLab