Agent skill · software engineering · samhvw8

nextjs-turborepo

Full-stack web development with Next.js and Turborepo. Stack: Next.js 14+ (App Router, RSC, Server Actions, PPR, SSR, SSG, ISR), Turborepo (monorepo, pipelines, remote caching), RemixIcon (3100+ icons). Capabilities: server components, API routes, middleware, caching strategies, build optimization, monorepo management. Actions: create, build, deploy, optimize Next.js apps, setup monorepo, configure caching. Keywords: Next.js, App Router, Server Components, RSC, Server Actions, SSR, SSG, ISR, PPR, Turborepo, monorepo, remote cache, build pipeline, parallel execution, workspace, pnpm, icons. Use when: building Next.js apps, implementing SSR/SSG, setting up monorepos, optimizing build performance, configuring caching strategies, managing shared dependencies.

Why this skill is useful

Adds specific commands and configurations for setting up Next.js applications and Turborepo monorepos that the AI wouldn't reliably generate on its own.

What it needs

Requires npm installed locally. About 5k tokens when loaded. Last updated 2025-12-09. 10 stars on the source repository.

What this skill does

Next.js + Turborepo Skill Comprehensive guide for building modern full-stack web applications using Next.js, Turborepo, and RemixIcon. Overview This skill group combines three powerful tools for web development: Next.js - React framework with SSR, SSG, RSC, and optimization features Turborepo - High-performance monorepo build system for JavaScript/TypeScript RemixIcon - Icon library with 3,100+ outlined and filled style icons When to Use This Skill Group Building new full-stack web applications with modern React Setting up monorepos with multiple apps and shared packages Implementing server-side rendering and static generation Optimizing build performance with intelligent caching Creating consistent UI with professional iconography Managing workspace dependencies across multiple projects Deploying production-ready applications with proper optimization Stack Selection Guide Single Application: Next.js + RemixIcon Use when building a standalone application: E-commerce sites Marketing websites SaaS applications Documentation sites Blogs and content platforms Setup: Monorepo: Next.js + Turborepo + RemixIcon Use when building multiple applications with shared code: Microfrontends Multi-tenant platforms Internal tools with shared component library Multiple apps (web, admin, mobile-web) sharing logic Design system with documentation site Setup: Framework Features Comparison Feature Next.js Turborepo RemixIcon --------- --------- ----------- ----------- Primary Use Web framework Build system UI icons Best For SSR/SSG apps Monorepos Consistent iconography Performance Built-in optimization Caching & parallel tasks Lightweight fonts/SVG TypeScript Full support Full support Type definitions available Quick Start Next.js Application Turborepo Monorepo RemixIcon Integration Reference Navigation Next.js References: App Router Architecture - Routing, layouts, pages, parallel routes Server Components - RSC patterns, client vs server, streaming Data Fetching - fetch API, caching, rev …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills samhvw8/nextjs-turborepo

View the source on GitHub

Browse the @skills marketplace