web-frameworks
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.
How to use
- Zainstaluj umiejętność w swoim środowisku Claude/Codex/Copilot, dodając pliki z repozytorium mrgoonie/claudekit-skills do katalogu skills.
- Dla aplikacji standalone: uruchom
npx create-next-app@latest my-app, przejdź do katalogu i zainstaluj RemixIcon poleceniemnpm install remixicon. - 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.
- Importuj ikony RemixIcon w komponentach React:
import { RiArrowRightLine } from 'remixicon-react'i używaj ich w interfejsie użytkownika. - Wykorzystaj Next.js App Router i Server Components do budowania wydajnych stron z renderowaniem po stronie serwera (SSR), generowaniem statycznym (SSG) lub inkrementalnym (ISR).
- 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.