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.