web-frameworks

Umiejętność łącząca trzy narzędzia do tworzenia zaawansowanych aplikacji webowych. Next.js zapewnia server-side rendering, static generation i optymalizację wydajności. Turborepo zarządza monorepo z wieloma pakietami, cache'owaniem i równoległym wykonywaniem zadań. RemixIcon dostarcza 3100+ ikon w stylach outlined i filled. Użyj do budowania aplikacji React, wdrażania renderowania po stronie serwera, organizacji monorepo, optymalizacji wydajności i tworzenia spójnego interfejsu użytkownika.

1. Zainstaluj umiejętność w swoim środowisku Claude/Codex/Copilot, dodając pliki z repozytorium mrgoonie/claudekit-skills do katalogu skills.
2. Dla aplikacji standalone: uruchom npx create-next-app@latest my-app, przejdź do katalogu i zainstaluj RemixIcon poleceniem npm install remixicon.
3. Dla monorepo: skonfiguruj Turborepo w głównym katalogu projektu, aby zarządzać wieloma aplikacjami i pakietami wspólnymi, włączając optymalizację cache'u i równoległy build.
4. Importuj ikony RemixIcon w komponentach React: import { RiArrowRightLine } from 'remixicon-react' i używaj ich w interfejsie użytkownika.
5. Wykorzystaj Next.js App Router i Server Components do budowania wydajnych stron z renderowaniem po stronie serwera (SSR), generowaniem statycznym (SSG) lub inkrementalnym (ISR).
6. Zarządzaj zależnościami między pakietami w monorepo za pomocą Turborepo, definiując task pipelines i konfigurując remote caching dla przyspieszenia buildów w zespołach.