web-frameworks

Name: web-frameworks
Rating: 5 (713 reviews)
Author: mrgoonie

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.

TL;DR

Build modern full-stack apps with Next.js, Turborepo, and RemixIcon.

What Is It

Next.js for full-stack React apps with SSR/SSG/RSC
Turborepo for monorepo management and fast builds
RemixIcon for 3100+ SVG icons in outlined/filled styles

Key Features

SSR, SSG, RSC, PPR, ISR for dynamic rendering
Parallel execution and remote caching in Turborepo
Optimized build performance and caching strategies
Consistent UI with 3100+ icons in multiple styles
Shared dependencies and component libraries across apps
TypeScript full-stack support with strong typing

How to Use

1.Use Next.js + RemixIcon for standalone apps
2.Use Next.js + Turborepo + RemixIcon in monorepos
3.Set up turbo.json for build pipelines and dependencies
4.Import RemixIcon icons via React components or CSS classes
5.Leverage server components and data fetching patterns

Guardrails & Gotchas

FORBIDDEN: Avoid mixing SSR and client components without proper separation
MUST: Use revalidation in data fetching to prevent stale data
MUST: Configure turbo.json correctly for dependency ordering

GitHub Stats

Author

@mrgoonie

Repository

mrgoonie/claudekit-skills

Stars

713

Explore More Skills

move-code-quality

@davila7

Analyzes Move language packages against the official Move Book Code Quality Checklist. Use this skill when reviewing Move code, checking Move 2024 Edition compliance, or analyzing Move packages for best practices. Activates automatically when working with .move files or Move.toml manifests.

12.4k

1.1k

1w ago

web-frameworks

Explore More Skills

move-code-quality

e2e-testing-patterns

testing-anti-patterns