skills.rest
mafvietnam
mafvietnamCOMMUNITY
Explore all skills by this author →
GitHub

ck:web-frameworks

Scaffold Next.js and Turborepo web apps with App Router and RSC.

Updated Mar 30, 2026
Search Tags:#performance#react#monorepo#nextjs#turborepo#app-router#server-components
One-click install
npx skills add https://github.com/mafvietnam/mafapp --skill ck-web-frameworks-mafvietnam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-frameworks
Source: https://github.com/mafvietnam/mafapp/tree/main/.claude/skills/web-frameworks
Command: npx skills add https://github.com/mafvietnam/mafapp --skill ck-web-frameworks-mafvietnam

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This front-end skill group automates the setup of modern web apps using Next.js (App Router, React Server Components) and Turborepo, reducing boilerplate and ensuring best practices.

Core Features & Use Cases

  • Quick scaffolding for Next.js projects with App Router, SSR/SSG, and ISR configurations.
  • Monorepo workflows using Turborepo with shared packages and cross-package dependencies.
  • Guidance for server rendering optimizations and icon integration via RemixIcon.
  • Use Cases: startup projects, multi-app ecosystems, and documentation sites.

Quick Start

Set up a Next.js + Turborepo project skeleton and run it locally.

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 with Turborepo and App Router?▼

To scaffold a Next.js app with Turborepo, this automates project setup by configuring the App Router and Turborepo pipelines. It generates a monorepo skeleton with optional TypeScript, Tailwind, and ESLint configurations included.

What is the best way to set up a React monorepo with server rendering?▼

Setting up a React monorepo with server rendering is best handled by using Turborepo and Next.js App Router. This implements React Server Components alongside SSR and ISR configurations for optimal rendering performance.

Does this Next.js scaffolding workflow support React Server Components?▼

Yes, this Next.js scaffolding workflow fully supports React Server Components. It implements RSC compatibility within the App Router architecture, ensuring your server rendering setup follows current React best practices.

Can I use Turborepo for cross-package dependencies in a Next.js monorepo?▼

Yes, you can use Turborepo for cross-package dependencies in a Next.js monorepo. This configures Turborepo workflows to manage shared packages and cross-package dependencies effectively across multi-app ecosystems.

How do I configure TypeScript and Tailwind in a Next.js Turborepo project?▼

You configure TypeScript and Tailwind in a Next.js Turborepo project during the automated scaffolding process. The setup includes optional TypeScript, Tailwind, and ESLint configurations to establish a ready-to-run local environment.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
HsnSaboorHsnSaboor

nextjs-turborepo

Create and build Next.js 14+ apps in a Turborepo monorepo.

Community
Advanced
hidonguyenhidonguyen

ck:web-frameworks

Scaffold Next.js monorepos with App Router, Turborepo, and RemixIcon.

Community
Advanced
loganylchenloganylchen

web-artifacts-builder

Build React apps with Vite, Tailwind CSS, and shadcn/ui into a single HTML file.

Community
Advanced