nextjs15-init

Umiejętność do automatycznego tworzenia projektów Next.js 15 na bazie wybranej domeny (Todo, Blog, Dashboard, E-commerce lub własna). Wybierz typ aplikacji, podaj nazwę projektu, a system automatycznie wygeneruje strukturę folderów, komponenty, store'i Zustand, schematy Zod i endpointy API. Cały stos — TypeScript, Tailwind CSS, App Router — jest już skonfigurowany i gotowy do uruchomienia. Idealne dla szybkiego prototypowania i startowania nowych projektów bez ręcznej konfiguracji.

1. Uruchom umiejętność w swoim Claude/Copilot agencie. System poprosi Cię o wybór domeny aplikacji — wybierz spośród Todo (zarządzanie zadaniami), Blog (system CMS), Dashboard (panel analityki), E-commerce (sklep) lub Custom (własna domena).

2. Podaj nazwę folderu, w którym zostanie utworzony projekt (np. my-todo-app) oraz nazwę projektu. Jeśli nie wiesz, co wpisać, system zasugeruje wartości domyślne.

3. Wybierz preset stosu technologicznego — Minimal (podstawowe zależności), Essential (rekomendowany), Full Stack (wszystkie narzędzia) lub Custom (własny wybór bibliotek).

4. Czekaj, aż system automatycznie wykona kroki: utworzenie projektu Next.js 15 z App Router i TypeScript, instalację pakietów npm, wygenerowanie struktury folderów i plików dla wybranej domeny (komponenty, store'i, schematy walidacji, API routes).

5. Po zakończeniu uruchom npm run lint aby zweryfikować jakość kodu, a następnie npm run dev aby uruchomić serwer deweloperski na localhost:3000.

6. Otwórz przeglądarkę i zacznij pracę — aplikacja jest w pełni funkcjonalna z CRUD, filtrowaniem i integracją z Tanstack Query do zarządzania stanem serwera.