web-frameworks

Name: web-frameworks
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

revenuecat

@rawveg

Comprehensive assistance with RevenueCat in-app subscriptions and purchases

687

7mo ago

web-frameworks

Explore More Skills

revenuecat

api-design-principles

solana-security