ck:web-frameworks

Scaffold Next.js App Router projects within a Turborepo monorepo.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-web-frameworks-edgehunt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-frameworks
Source: https://github.com/EdgeHunt/EdgeHunt/tree/main/.claude/skills/web-frameworks
Command: npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-web-frameworks-edgehunt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a streamlined bootstrap for building modern React web applications using Next.js App Router, Turborepo monorepos, and RemixIcon.

Core Features & Use Cases

  • App Router scaffold: layout.tsx, page.tsx, and shared styles for SSR/CSR patterns.
  • Monorepo setup: structured apps/ and packages/ with consistent tooling and caching strategies.
  • Icon integration: ready-to-use RemixIcon assets and references for professional UI.

Quick Start

Initialize a new Next.js App Router project in a Turborepo with optional Tailwind and ESLint.

Frequently Asked Questions about ck:web-frameworks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a Next.js App Router project inside a Turborepo monorepo?▼

Scaffolding a Next.js App Router project inside a Turborepo monorepo is automated by generating a TypeScript-ready skeleton with app/layout.tsx, app/page.tsx, globals.css, tsconfig.json, next.config.js, and ESLint configuration. It structurally separates apps/ and packages/ directories for consistent tooling and caching strategies.

Does this Next.js Turborepo setup support server components and shared packages?▼

Yes, the Next.js Turborepo setup explicitly supports server components and shared tooling. It applies to both single apps and multi-app setups requiring server components, organizing shared code into a structured packages/ directory with consistent configurations across the monorepo.

What is the best way to bootstrap a TypeScript monorepo with Next.js and RemixIcon?▼

Bootstrapping a TypeScript monorepo with Next.js and RemixIcon is best handled by using an automated scaffold that integrates ready-to-use RemixIcon assets and references. This provides a professional UI foundation with shared styles and SSR/CSR patterns right from the initial project setup.

Can I add Tailwind and ESLint when initializing a new Next.js App Router project?▼

Yes, you can add optional Tailwind and ESLint when initializing a new Next.js App Router project. The scaffold generates an ESLint-ready configuration by default alongside the TypeScript setup, ensuring your Turborepo monorepo maintains consistent tooling and code quality standards.

What files are included in a standard Next.js App Router scaffold for Turborepo?▼

A standard Next.js App Router scaffold for Turborepo includes app/layout.tsx, app/page.tsx, globals.css, tsconfig.json, next.config.js, and an ESLint-ready configuration. These files establish the core TypeScript-ready project skeleton with shared styles for SSR and CSR rendering patterns.