Przejdź do treści

95 artykułów o tematyce Next.jsStrona 10

Google Ads Conversion Tracking w Next.js

Kompletny przewodnik po implementacji śledzenia konwersji Google Ads w Next.js. Od podstawowego gtag, przez enhanced conversions, po server-side tracking z Google Ads API.

Maciej Sala

Maciej Sala

Founder StriveLab

E2E testy Cypress w Next.js App Router oraz CI CD

Od instalacji, przez fixtures i custom commands, po integrację z GitHub Actions. Kompletny przewodnik po konfiguracji testów E2E Cypress w projekcie Next.js z App Router.

Maciej Sala

Maciej Sala

Founder StriveLab

Konfiguracja Google Analytics 4 z paczką next third parties

Integracja Google Analytics 4 w Next.js App Router to coś więcej niż wklejenie snippetu w , ponieważ nawigacja client-side, React Server Components, Consent Mode v2 i wybór między ręcznym gtag.js , a @next/third-parties sprawiają, że łatwo wprowadzić analitykę pozornie poprawną, ale w praktyce generującą zdublowane page views albo niepełne dane - nawiasem mówiąc, obie te sytuacje zdarzyły mi się w przeszłości. Ten artykuł łączy setup GA4 z realnymi niuansami App Router i podstawami planowania zdarzeń.

Maciej Sala

Maciej Sala

Founder StriveLab

Cypress Component Testing w React i Next.js — kiedy naprawdę ma sens

Cypress Component Testing w React i Next.js bez marketingowej mgły. Kiedy daje przewagę nad RTL, jak go skonfigurować i gdzie kończą się jego możliwości.

Maciej Sala

Maciej Sala

Founder StriveLab

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

Praktyczny poradnik GTM w Next.js: dataLayer contract, SPA page views, custom triggers, ecommerce, consent mode i współpraca deweloper–marketer.

Maciej Sala

Maciej Sala

Founder StriveLab

Strategie cache w Next.js 16: unstable_cache czy Redis?

Zarządzanie pamięcią podręczną cache w Next.js może wydawać się proste, dopóki nie napotkamy wyzwań w środowisku produkcyjnym. Wiele instancji, webhooki z systemów CMS oraz dane, które bywają nieaktualne po wdrożeniu, potrafią skomplikować sytuację. App Router oferuje rozszerzony fetch, unstable cache, deduplikację żądań oraz Cache Components. Redis z kolei dostarcza wspólny magazyn, który jest łatwiejszy do monitorowania. Zastanówmy się więc, jaki konkretny problem próbujemy rozwiązać za pomocą mechanizmów buforowania?

Maciej Sala

Maciej Sala

Founder StriveLab

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

Jak zbudować custom dashboard analityczny w Next.js, który pobiera dane bezpośrednio z GA4 Data API? Server-side, autoryzacja, cache i wizualizacja z Recharts.

Maciej Sala

Maciej Sala

Founder StriveLab

Backend dla frontendowca: Cache, deployment, security

To trzecia część mojej małej serii „Backend dla frontendowca” i po fundamentach API oraz tematach real-time, webhooków i uwierzytelniania zostaje warstwa, która decyduje o tym, czy aplikacja wytrzyma prawdziwe użytkowanie: cache , kolejki, pliki, deployment, monitoring i bezpieczeństwo .

Maciej Sala

Maciej Sala

Founder StriveLab

Backend dla frontendowca: auth, real-time i integracje

Pierwsza część serii uporządkowała fundamenty: serwer, bazę danych, API i CORS. Teraz przechodzimy do obszarów, które zwykle pojawiają się chwilę później, gdy aplikacja przestaje być prostym CRUD-em: komunikacja w czasie rzeczywistym, webhooki, integracje zewnętrzne oraz autentykacja .

Maciej Sala

Maciej Sala

Founder StriveLab