ZapisyDołączyć do warsztatów można tylko do 29.06.2026. Start 30.06.Zapisy do 29.06.2026

Zoptymalizowany Frontend AI Labs

Dla ludzi. Dla SEO. Dla agentów AI.
Warsztaty live. Start 30.06.2026.

SCROLL ↓19 SESJI · WT/CZW 8:30
Szybka strona.
Dla ludzi.
lepszy UX · niższy bounce · wyższa konwersja
Dla ludzi.Dla SEO.
crawl budget · Core Web Vitals jako sygnał rankingowy
Dla ludzi.Dla SEO.Dla agentów AI.
AI crawlery są jeszcze bardziej wrażliwe na latencję niż klasyczne boty
Kurs online o wydajności?
AI wygeneruje go w 30 minut.
Warsztat live, z zadaniami i feedbackiem?
Tego AI nie zastąpi.
ZoptymalizowanyFrontend
AILabs
Dla ludzi. Dla SEO. Dla agentów AI.
Warsztaty live. Start 30.06.2026.
Przewiń
01 · Status quo

Twoja strona jest wolna.
Twoi konkurenci są szybsi.

AI crawlery omijają wolne strony szybciej niż Google omija slow sites. Każde 100ms latencji to mniej ludzi, mniej widoczności i mniej cytowań w wynikach AI search.

Teraz

Ad-hoc optymalizacja, na czuja, raz na kwartał.

Pomiary z PageSpeed Insights raz na miesiąc. Brak RUM-a, brak waterfalla, brak procesu. AI używasz do generowania boilerplate'u, nie do diagnozowania bottlenecków.

LCP 4.2s
INP 380ms
CLS 0.24
Po warsztatach

Powtarzalny proces. AI w pętli pracy. Wdrażalne zadania.

RUM podpięty do dashboardu. Hipotezy testowane w DevTools MCP. Każda sesja kończy się wdrożoną zmianą w Twoim projekcie. Proces, który zadziała na każdym kolejnym kliencie.

LCP 1.4s
INP 128ms
CLS 0.02
02 · AI jako metoda, nie temat

To nie kurs o AI.
To kurs o wydajności prowadzony z AI w pętli pracy.

„Labs" znaczy laboratorium. AI to narzędzie laboratoryjne, nie obiekt badań. Oto sześć miejsc, w których używamy go w każdej sesji.

01Pomiar & RUM

RUM + MCP

Podpinamy RUM przez MCP np. do Claude'a (lub innego agenta) i zadajemy pytania danym tak, jak SQL-em, np. „pokaż mi top 10 ścieżek z najgorszym INP w ostatnich 7 dniach". W akompaniamencie AI skills i konkretnych instrukcji, stworzymy od razu poprawki w kodzie.

02Debug live

Chrome DevTools MCP + Chrome Snippets

Waterfall, INP, LCP i CLS analizujemy z AI - to ono uruchamia i automatyzuje pracę na DevToolsach oraz Snippetach. Hipoteza → wykonanie → pomiar → następna hipoteza, w jednej pętli.

03Backend

Analiza backendu z AI

Wolny backend = wolny frontend. Z AI czytamy trace'y z New Relic, Sentry, Code Profiler PRO czy Query Monitor i lokalizujemy wąskie gardło w minuty, nie godziny.

04Review

AI w review zmian

Każda optymalizacja idzie przez review z AI: czy zmiana nie wprowadza CLS-a, czy nie blokuje renderu, czy nie psuje a11y.

05Hipotezy

AI generuje hipotezy

Z danych RUM-u AI proponuje, co prawdopodobnie najbardziej obniży INP / podniesie LCP - z uzasadnieniem i kosztem wdrożenia.

06AI Skills

Gotowe Agent Skills od dużych graczy

Sięgamy po AI skills rozwijane przez społeczność i platformy - Vercel React Best Practices, WordPress Skills i inne. Twoje AI ma od razu kontekst stacku.

+Optymalizacja dla AI

Latencja jako sygnał jakości dla AI search

AI crawlery (Perplexity, ChatGPT search, Claude) odpadają na timeoutach lub po prostu na zbyt długim czasie oczekiwania szybciej niż Google. Optymalizujemy nie tylko dla ludzi i SEO, ale dla kolejnego stakeholdera, który dopiero się pojawił.

GPTBot · timeout 5s
PerplexityBot · timeout 4s
ClaudeBot · timeout 3s
Googlebot · timeout 180s
03 · Dla kogo

Trzy persony. Jeden wspólny warsztat.

P · 01

Frontend developer

Piszesz w React, Astro, Vue lub Vanilla JS. Chcesz proces, który zadziała w każdym kolejnym projekcie - i workflow z AI w pętli.

  • Strategie renderowania, hydracja, JS chunks
  • INP, CLS, LCP z DevTools MCP
  • Praca z waterfall'em i Code Profilerem
P · 02

SEO techniczny

Wiesz, że Core Web Vitals to ranking signal, ale chciałbyś móc wskazać developerowi konkretne miejsce do poprawy, nie ogólne „popraw LCP".

  • Czytanie waterfall'a, request-by-request
  • DNS / TLS / HTTP - co realnie zmienić
  • AI crawlery i ich wrażliwość na latencję
P · 03

Dev / SEO / AI hybryda

Robisz wszystko po trochu - performance, SEO, agenty AI w workflow. Szukasz spójnego procesu, który łączy te światy w jedną dyscyplinę.

  • MCP jako warstwa łącząca dane i działanie
  • Repo z case'ami do treningu na własnych klientach
  • Społeczność tych, którzy myślą podobnie
Uwaga

To nie jest warsztat dla początkujących. Zakładamy znajomość HTML/CSS/JS, terminala, gita i jednego z trzech stacków: Next.js, WordPress z page builderem lub Astro.

04 · Jak wygląda jedna sesja

Krótkie omówienie. Warsztat live. Wdrożone zadanie.

Wtorki i czwartki o 8:30. Maksymalnie 1.5h. Zaczynamy 30.06.2026.
Nie możesz być na żywo? Spokojnie, obejrzysz nagranie.

08:30

Warsztat live (~45 min.)

Optymalizacja na żywo na Zoomie. Pokazuję case na bazie Next.js, WordPressa lub Astro - Ty pracujesz w swoim projekcie. AI w pętli pracy.

09:15

Q&A & krótkie zadanie do wdrożenia

Twoje pytania, konkretne, mierzalne zadanie wdrażalne na żywo lub do następnej sesji. Sprawdzimy efekt w RUM-ie.

później

Nagranie

Wszystko trafia do biblioteki nagrań. Dostęp przez 12 miesięcy od startu.

Macie TV w biurze? Włączcie sesję zespołowo.

Performance czyta się lepiej kolektywnie. Odpalcie warsztat na biurowym ekranie, oglądajcie razem i omawiajcie wnioski u siebie zaraz po sesji.

Czerwiec 2026
1 sesja · 8:30 GMT+2
Pn
Wt
Śr
Czw
Pt
So
Nd
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Start 30.06Sesja liveFinal Q&A 01.09
04b · Sprawdzony format

Webinary live i laboratoria wydajności.
Teraz cyklicznie - z Q&A i zadaniami.

Webinary live i „Laboratorium wydajności" to dwa formaty, które przez lata zebrały najlepszy feedback. Zoptymalizowany Frontend AI Labs to ten sam format - tylko cykliczny, z sesjami Q&A i mierzalnymi zadaniami do wdrożenia.

Webinar live

Optymalizacja wydajności frontendu: AI Skills, WebMCP, DevTools MCP, snippets

Laboratorium wydajności

Poprawa LCP na żywo (preconnect vs. preload, CSS i Google Tag Manager)

Laboratorium wydajności

Optymalizacja Wordpress (TTFB, LCP, CLS, obrazki i fonty)

+ dziesiątki webinarów na YouTube ↗

05 · Pełna agenda

19 sesji live.
Dziesiątki technik.
Jeden proces.

Każdy duży temat (DNS, fonty, obrazki, INP, CLS i wiele innych) ma swoje miejsce w agendzie. Po kursie wracasz do „lekcji o fontach" i tam masz wszystko, czego potrzebujesz - nie szukasz po blokach stackowych.

01

Kick-off: web performance + Frontend a AI

wt 30.06 · 8:30

Wprowadzenie do filozofii zoptymalizowanej strony - jak myśleć o wydajności holistycznie, od TTFB po INP, z AI jako stałym narzędziem pracy. Temat towarzyszący: llms.txt, WebMCP i AI w workflow optymalizacji.

Co zrobisz: Postawisz projekt lokalnie i przetestujesz go pod publicznym adresem przez ngrok - od pierwszej sesji pracujesz na środowisku, które odwzorowuje realne warunki sieciowe.

SetupWeb VitalsAIngrok
02

Od żądania HTTP do renderu na froncie

czw 02.07 · 8:30

Full-stackowe spojrzenie na cały łańcuch: od kliknięcia w przeglądarce, przez DNS/TLS/CDN i backend, po krytyczną ścieżkę renderowania. Każde ogniwo to potencjalne wąskie gardło.

Co zrobisz: Kupisz domenę, postawisz projekt na własnym serwerze i ustawisz deployment - od tej sesji testy uwzględniają latencję sieci, a nie tylko localhost.

Krytyczna ścieżkaDeployHosting
+
03

Narzędzia do testowania wydajności

wt 07.07 · 8:30

Przegląd całego toolboxu: PSI, Lighthouse, CrUX, RUM, DevTools, WebPageTest. Kiedy ufać testom labowym, a kiedy szukać prawdy w danych RUM od realnych użytkowników.

Co zrobisz: Zainstalujesz RUM na swojej stronie i uruchomisz pierwsze testy WebPageTest - zaczniesz zbierać dane od prawdziwych użytkowników, nie tylko z symulacji.

RUMWebPageTestCrUXDevTools
+
04

Testowanie wydajności z AI

czw 09.07 · 8:30

Jak podłączyć AI do przeglądarki i danych RUM, żeby diagnozowało problemy zamiast Ciebie. Chrome DevTools MCP, RUM MCP, AI Skills (CWV Superpowers) - prompting i context engineering w praktyce.

Co zrobisz: Podepniesz RUM MCP i DevTools MCP do swojego narzędzia AI - pierwsza diagnoza waterfalla i Core Web Vitals z AI w roli partnera, nie tylko czata.

RUM MCPDevTools MCPAI SkillsAI
+
05

Optymalizacja DNS, TLS/SSL i HTTP

wt 14.07 · 8:30

Pierwsza warstwa wydajności: DNS lookup, TLS handshake i wersja HTTP odpowiadają za to, jak szybko w ogóle zacznie się rozmowa z serwerem. Anycast DNS, TLS 1.3, session resumption, HSTS, HTTP/2 i HTTP/3.

Co zrobisz: Ustalisz, jaki DNS provider obsługuje Twój projekt, zmierzysz DNS lookup, czas fazy SSL/TLS i sprawdzisz, jaką wersją HTTP serwujesz - z konkretnymi liczbami z DevTools i WebPageTest.

DNSTLS 1.3HTTP/2-3HSTS
+
06

CDN / Edge na przykładzie Cloudflare

czw 16.07 · 8:30

Wdrożenie Cloudflare jako fundamentu edge - DNS, TLS, HTTP/3, sieć anycast i cache statyki w jednym panelu. Zasada: najpierw edge, potem głębiej.

Co zrobisz: Postawisz Cloudflare na swoim projekcie i świadomie skonfigurujesz DNS, SSL/TLS (Full Strict, 0-RTT), Speed i podstawowe cache - zweryfikujesz wszystko nagłówkami cf-cache-status.

CloudflareCDNEdgeWAF
+
07

Strategie renderowania i optymalizacja backendu

wt 21.07 · 8:30

SSG/ISR/PPR/SSR/CSR - co i kiedy wybrać i dlaczego strategii się nie wybiera raz, tylko miesza. W tle: czemu cache nie naprawia wolnego backendu, tylko go ukrywa. WordPress: Query Monitor i Code Profiler PRO z AI w roli interpretatora.

Co zrobisz: Zmienisz strategię renderowania (Next.js) lub zaaudytujesz backend WP z Code Profiler PRO i AI - z poprawą tam, gdzie konkretnie boli.

ISRSSRBackendAI Skill
+
08

CDN i cache (Next/ISR, Astro/ISR na Netlify, WP + W3TC)

czw 23.07 · 8:30

Pełna układanka cache: po stronie aplikacji, na serwerze i na edge Cloudflare. Cache rules, stale-while-revalidate, invalidation po deploy'u - jak nie strzelić sobie w stopę.

Co zrobisz: Sprzęgniesz Cloudflare CDN z backendem swojego projektu (ISR -> SWR, Cache Rules, W3TC) - cały łańcuch cache dopasowany do strategii renderowania.

CacheISRW3TCSWR
+
09

Optymalizacja startu renderowania frontendu

wt 28.07 · 8:30

Trzy filary optymalizacji frontu: mniej, później, warunkowo. Audyt waterfalla z AI - każdy zasób musi obronić swoje miejsce przed Start Render.

Co zrobisz: Wyczyścisz waterfall własnego projektu - usuniesz 404 i błędne hosty zewnętrzne, zmienisz strategie ładowania kluczowych zasobów (lazy/defer/async).

WaterfallLazyAI
+
10

HTML + DOM + CSS

czw 30.07 · 8:30

Krytyczna ścieżka renderowania od strony HTML i CSS - rozmiar DOM, render-blocking arkusze, technika media="print", critical CSS, async loading. Mniejszy HTML to też lepsze crawlowanie i odczyt przez LLM-y.

Co zrobisz: Zminifikujesz HTML i CSS, zdejmiesz render-blocking z arkuszy ikon, formularzy i sliderów - FCP i LCP startują wcześniej, mierzalnie.

Critical CSSDOMrender-blocking
+
11

JS + skrypty zewnętrzne (w tym Google Tag Manager)

wt 04.08 · 8:30

defer/async, conditional loading, on-interaction - JS jako parser-blocking i jednocześnie główny winowajca INP. Audyt 3rd-party i GTM: które tagi naprawdę żyją + patch na dataLayer.push.

Co zrobisz: Odsuniesz skrypty zewnętrzne za FCP (lub odpalisz dopiero po interakcji) i wdrożysz dataLayer fix dla INP - kliknięcia odpowiadają szybciej, GTM nie blokuje pierwszej klatki.

defer/asyncGTMdataLayerINP
+
12

Obrazki i wideo

czw 06.08 · 8:30

Optymalizacja w dwóch momentach - upload-time (kompresja, WebP/AVIF) i delivery-time (edge resize per device). Wideo jako LCP, background-image w CSS i pułapka lazy loading dla iframe YouTube.

Co zrobisz: Zoptymalizujesz hero/LCP swojego projektu (priority, srcset, format), dodasz poster do wideo i poprawisz lazy loading tam, gdzie obecnie boli.

LCPWebP/AVIFVideosrcset
+
13

Fonty

wt 11.08 · 8:30

font-display: swap i pułapka CLS przy podmianie metryk, self-hosting, preload tylko above-the-fold, variable fonts i subsetting. Mniej rodzin i wag = szybsza treść.

Co zrobisz: Odchudzisz pliki fontów (Transfonter), usuniesz zbędne wagi i dopasujesz fallback metrics przez fonts matcher - CLS przy podmianie fontów znika.

FontsCLSTransfonterVariable
+
14

Cookie popup / CMP

czw 13.08 · 8:30

Konflikt: skrypt musi być wcześnie (RODO), ale jest ciężki i często rujnuje LCP/INP. Consent Mode V2, GTM jako loader CMP, CSS trick z opóźnieniem wizualnego pojawienia bannera.

Co zrobisz: Zarejestrujesz stronę w Cookiebot, podepniesz pod projekt i zoptymalizujesz wg rekomendacji - banner przestaje być elementem LCP, hero wygrywa wyścig.

CookiebotCMPConsent Mode V2
+
15

Interakcje (INP)

wt 18.08 · 8:30

Co realnie blokuje główny wątek przy kliknięciu i jak rozbić długie taski - scheduler.yield(), setTimeout(0), web worker, optimistic UI. Diagnoza interakcji przez DevTools MCP + AI.

Co zrobisz: Zoptymalizujesz otwieranie mobilnego menu z DevTools MCP + AI z użyciem scheduler.yield - INP w dół, z konkretną liczbą do pochwalenia się w RUM.

INPscheduler.yieldDevTools MCPAI
+
16

JS run-time, hydracja, JS chunks

czw 20.08 · 8:30

Co dzieje się po pierwszym renderze - hydracja Reacta, koszt re-renderów, podział na chunki. react-scan jako diagnostyka, Astro jako kontrapunkt (islands architecture, partial hydration).

Co zrobisz: Zredukujesz re-rendery w realnym projekcie React/Next.js przy pomocy react-scan i zobaczysz, jak ten sam UI wygląda w Astro bez kosztu pełnej hydracji.

react-scanHydrationAstro
+
17

Stabilny układ (CLS)

wt 25.08 · 8:30

Skąd biorą się skoki layoutu - obrazki bez wymiarów, fonty, dynamiczne treści, embedy, banery. Diagnoza CLS z DevTools MCP - precyzyjnie który element przesuwa stronę i kiedy.

Co zrobisz: Zlokalizujesz i naprawisz realne przesunięcia layoutu na swoim projekcie - CLS w zielonej strefie, również przy scrollu, nie tylko na load.

CLSDevTools MCPLayout
+
18

Płynne animacje

czw 27.08 · 8:30

Animacje na GPU vs. blokowanie głównego wątku - transform/opacity zamiast top/left, will-change z głową, kompozyt zamiast paintu. Co realnie kosztuje 60fps i kiedy nie warto.

Co zrobisz: Przepiszesz animacje w swoim projekcie na compositor-friendly - płynne na średnim mobile, bez janku przy scrollu i hoverach.

AnimationsGPUcompositor
+
19

FINAL Q&A

wt 01.09 · 8:30

Domknięcie kursu - pytania, podsumowanie, dalsze kroki. Pokaz "przed/po" w projektach uczestników na konkretnych metrykach RUM.

Co zrobisz: Wyjdziesz z wymiernym before/after na Core Web Vitals swojego projektu i listą następnych kroków, do których wracasz po kursie.

Q&AWrapBefore/After
+
19 / 19 sesji widocznych — nic nie chowamy. sesja z AI w pętli pracy
06 · Stacki w demo

Trzy stacki, jeden proces. Wybierz swój.

Przykłady i case'y pokazuję na bazie trzech popularnych stacków. Pracujesz w swoim, pozostałe dwa traktuj jako referencję - ten sam proces optymalizacji działa wszędzie.

Next.js

App Router, ISR, Server Components, Edge runtime. Demo z Next.js 15.

React · SSR/ISR · Vercel

WordPress + page builder

Realny WP z popularnym builderem. Code Profiler Pro + W3 Total Cache + Cloudflare.

PHP · MySQL · WP Engine / hosting

Astro

Statyka + island architecture. Demo z Netlify, ISR, edge functions.

Static · Islands · Netlify
07 · Prowadzący

Bartek Miś.
Web Dev Insider.

Bartek Miś
Twórca / Prowadzący

Bartek Miś

Twórca kursu „Zoptymalizowany Frontend" i „Wielka Optymalizacja WordPressa", 500+ kursantów. Od 6 lat dzieli się wiedzą przez newsletter, darmowe webinary i występy na konferencjach oraz meetupach. Specjalizacja: web performance, Core Web Vitals i optymalizacja frontendów we wszystkich popularnych stackach.

Po 6 latach kursu „Zoptymalizowany Frontend" zamykamy poprzedni rozdział i otwieramy nowy: warsztaty live z AI w pętli pracy, dla ludzi, którzy chcą działać, a nie tylko oglądać.

6 latDzielenia się wiedzą
500+Kursantów ZF
19Sesji warsztatów live
08 · Kto mi zaufał

Frontend developerzy i SEO specjaliści
z firm, których nie trzeba przedstawiać.

Przez 6 lat kurs Zoptymalizowany Frontend ukończyło ponad 500 osób. Połowa to frontend developerzy, połowa to techniczni specjaliści SEO. Oto firmy, w których pracują.

500+absolwentów
≈50 / 50frontend ↔ SEO
6 latciągłych aktualizacji
4.9 / 5średnia ocena
Erste
Answear
CCC
Ringier Axel Springer
x-kom
STS
Cyfrowy Polsat
Empik
The Software House
Verseo
Erste
Answear
CCC
Ringier Axel Springer
x-kom
STS
Cyfrowy Polsat
Empik
The Software House
Verseo
Erste
Answear
CCC
Ringier Axel Springer
x-kom
STS
Cyfrowy Polsat
Empik
The Software House
Verseo

+ dziesiątki agencji SEO i freelancerów

09 · Opinie o ZF

Co mówią o Zoptymalizowanym Frontendzie.

Zoptymalizowany Frontend AI Labs to nowy projekt, ale prowadzony przez tę samą osobę i z tym samym podejściem do procesu. Tak wyglądały reakcje na poprzedni kurs Zoptymalizowany Frontend.

Fantastyczny jest to kurs, nie zapomnę go nigdy. Bartek umiejętnie przekazuje treści w sposób łatwy do zrozumienia, wykorzystując realne przykłady z życia. Zadania domowe były świetnym uzupełnieniem teorii.
Radosław KalamonUczestnik kursuopinia zweryfikowana
Zajmuję się pozycjonowaniem i analityką, więc szukałem sposobu na lepszą komunikację z działem IT. Kurs spełnił wszystkie oczekiwania i pozwolił zbudować solidny most komunikacyjny w firmie.
Kacper PaluchAgencja Greenfieldsgreen-fields.pl
Forma prowadzenia wymusza własną inicjatywę, nie jest to bierne przepisywanie kodu. Tematy bardzo dogłębnie rozwinięte; widać, że prowadzącemu zależy, aby kursant zrozumiał przyczynę problemu.
Tomasz SikoraFrontend developeropinia zweryfikowana
Lekcje są zwięzłe i dobrze przemyślane, a każdy moduł kończy się zadaniem w dedykowanym projekcie. Polecam zarówno początkującym, jak i bardziej doświadczonym developerom.
Mateusz NiestrójFrontend developeropinia zweryfikowana
Do tej pory wszystkie moje działania optymalizacyjne nie dawały efektów. Dzięki temu kursowi w końcu zrozumiałem czym są te wskaźniki, jak na siebie wpływają i jak je optymalizować.
Jarosław ArmatysFrontend developeropinia zweryfikowana
10 · Cennik

Jeden uczciwy model. Dostęp roczny.

Płacisz raz. Masz wszystko: sesje live, nagrania, repozytoria, Q&A i społeczność uczestników przez 12 miesięcy, wraz z aktualizacjami.

Nowi uczestnicy
Zoptymalizowany Frontend AI LabsPierwszy raz z Web Dev Insider
1699+ VAT
  • 19 sesji live na Zoom (wt + czw, 8:30, ~1.5h)
  • Nagrania wszystkich sesji - dostęp przez rok
  • Transkrypty + pliki .md z każdej sesji (gotowe pod AI)
  • Zadanie do wdrożenia po każdej sesji
  • Repozytoria kursowe
  • Q&A live tylko dla zapisanych
  • Społeczność uczestników
Faktura VAT · płatność jednorazowa
Gwarancja100% zwrot do 09.07.2026. Wchodzisz, oglądasz pierwsze 4 sesje, decydujesz. Jeśli to nie dla Ciebie - piszesz maila, dostajesz pełen zwrot. Bez pytań, bez uzasadnień.
Dostęp: 12 miesięcy od daty startu (30.06.2026 - 30.06.2027)Brak automatycznych przedłużeńBrak ukrytych kosztów
11 · Setup

Co musisz zrobić w ramach warsztatów?

Zdejmujemy zaskoczenie po zakupie. To będzie do zrobienia po pierwszych sesjach.

Krok · 01

Środowisko lokalne

Bazowy zestaw, żeby mieć projekt postawiony lokalnie i móc swobodnie nanosić zmiany: Git + GitHub, Node.js + npm, dostęp do dowolnego AI asystenta (Claude Code, Codex, Antigravity i inne - pełna dowolność).

git · node · ai assistant
Krok · 02

Domena i serwer

To środowisko, na którym wdrażasz swój projekt - po to, żeby realnie konfigurować DNS, serwer, Cloudflare i cache. Dzięki temu poznajesz wydajność w pełnym kontekście: sieci, latencji i infrastruktury, a nie wyłącznie z poziomu kodu w przeglądarce.

Możesz albo zainstalować na jakimkolwiek serwerze VPS lub managed hostingu (np. Cloudways, DigitalOcean, AWS, Mikr.us), albo ja zainstaluję Twój projekt u siebie na serwerze szkoleniowym na czas warsztatów (za darmo) - wygodne, ale tracisz wtedy część zabawy z samodzielną konfiguracją infrastruktury. Musisz mieć natomiast przynajmniej własną domenę (najtańsza to koszt ok. 90 gr). Jeśli myślisz o Netlify / Vercel - w porządku, ale pominiesz wtedy samodzielną konfigurację Cloudflare, bo ci dostawcy mają swój własny edge.

Cloudways · DigitalOcean · AWS · Mikr.us · lub konto u mnie
Krok · 03

Instalacja jednego z 3 projektów

Wybierasz jeden: Next.js, WordPress z page builderem lub Astro. Repo dostajesz po zakupie i stawiasz projekt w dwóch miejscach: na środowisku lokalnym z Kroku 01 oraz na serwerze z Kroku 02, pod własną domeną.

Next.js 15 · WP 6+ · Astro 5+
12 · FAQ

Najczęstsze pytania.

Czy to kurs o AI?
Nie. To kurs o wydajności frontendów, prowadzony z AI w pętli pracy w każdej sesji. AI jest narzędziem laboratoryjnym - używamy go w analizie RUM, debugowaniu w DevTools, review zmian i generowaniu hipotez. Nie uczymy budować agentów, aplikacji AI ani „jak używać ChatGPT w developmencie".
Czy muszę znać wszystkie 3 stacki?
Nie. Wybierasz jeden i w nim pracujesz. Demo w pozostałych dwóch stackach to bonus - pokazuje, że ten sam proces działa wszędzie.
Co jeśli przegapię sesję live?
Każda sesja jest nagrywana i trafia do biblioteki nagrań w ciągu 24h. Dostęp do nagrań masz przez rok od startu. Zadanie po sesji wykonujesz w swoim tempie - na następnej sesji jest miejsce na pytania.
Jak długo mam dostęp?
Rok od startu. Od 30.06.2026 do 30.06.2027. Po tym czasie dostęp wygasa. Jeden uczciwy model, bez ukrytych przedłużeń.
Czy nagrania są dostępne na zawsze?
Nie. Zoptymalizowany Frontend AI Labs to dostęp roczny. Bezterminowy dostęp miał stary kurs „Zoptymalizowany Frontend" - to osobny, nowy projekt.
Czy to jest „Zoptymalizowany Frontend 2.0"?
Nie. Zoptymalizowany Frontend AI Labs to osobny, nowy projekt pod marką Web Dev Insider. Stary kurs „Zoptymalizowany Frontend" zamyka się po 6 latach. To inny format (warsztaty live), inny model dostępu (roczny) i inny zakres (process-first, z AI w pętli).
Czy potrzebuję doświadczenia?
Tak, średnio-zaawansowanego. Zakładamy znajomość HTML/CSS/JS, terminala, gita i jednego z 3 stacków. To nie jest warsztat dla osób, które dopiero zaczynają z webem.
Czy mogę dostać fakturę VAT?
Tak. Wystawiamy faktury VAT na firmy i osoby prywatne. Dane podajesz przy zapisie.
13 · Decyzja

Start 30.06.2026.
19 sesji. AI w pętli. Twoje projekty na żywo.

Dołącz przed 30.06 i zacznij od pierwszej sesji. Projekt instalujesz w ramach zadań po sesjach.

28Dni
21Godz.
32Min.
30Sek.
Dołącz teraz