skills.rest
hotriluan
hotriluanCOMMUNITY
Explore all skills by this author →
GitHub

ck:web-frameworks

Set up a Next.js, Turborepo, and RemixIcon monorepo starter.

1|Updated Mar 5, 2026
Search Tags:#react#next.js#monorepo#ssr#turborepo#remixicon
One-click install
npx skills add https://github.com/hotriluan/alkana_web --skill ck-web-frameworks-hotriluan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:web-frameworks
Source: https://github.com/hotriluan/alkana_web/tree/main/.opencode/skills/web-frameworks
Command: npx skills add https://github.com/hotriluan/alkana_web --skill ck-web-frameworks-hotriluan

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Build modern web applications efficiently by combining Next.js features (App Router, React Server Components, SSR, SSG, ISR), Turborepo monorepos, and RemixIcon for consistent UI. This guide consolidates the setup, patterns, and best practices for cross-project development.

Core Features & Use Cases

  • Next.js: SSR, SSG, RSC and app routing to optimize performance and SEO.
  • Turborepo: High-performance monorepo tool for managing multiple apps/packages.
  • RemixIcon: Large icon library for consistent UI.
  • Use cases include standalone Next.js apps, Monorepo setups, multi-app dashboards, documentation sites, and marketing sites with shared UI.

Quick Start

Initialize a Next.js App Router project with Turborepo and RemixIcon, install dependencies, and start the dev server.

Frequently Asked Questions about ck:web-frameworks

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

FAQPage Schema
How do I set up a Next.js monorepo with Turborepo?▼

To set up a Next.js monorepo, initialize a Next.js App Router project with Turborepo, install dependencies, and start the dev server to manage multiple apps and shared packages efficiently.

What is the best way to structure a scalable multi-app Next.js project?▼

The best way to structure a scalable multi-app Next.js project is using Turborepo to manage multiple apps and packages, combined with Next.js App Router for server-rendered interfaces and shared UI.

How do I add RemixIcon to a Next.js App Router project?▼

Add RemixIcon to a Next.js project by integrating the icon library within the App Router architecture to ensure consistent UI across server-rendered interfaces and shared packages.

Can I use Turborepo pipelines for standalone Next.js apps?▼

Yes, you can use Turborepo pipelines for standalone Next.js apps. Turborepo acts as a high-performance monorepo tool that scales from standalone apps to multi-app dashboards and documentation sites.

When do I need server-side rendering in a Turborepo monorepo?▼

You need server-side rendering (SSR) in a Turborepo monorepo when building server-rendered interfaces that require optimized performance and SEO across multi-app projects and marketing sites.

Does Turborepo work with Next.js React Server Components?▼

Yes, Turborepo works with Next.js React Server Components (RSC). This stack combines RSC, SSR, SSG, and ISR features within a high-performance monorepo setup to optimize performance.

Related Skills

Explore More Software Engineering Skills→
DaleSeoDaleSeo
4

bun-init

Initialize Bun projects with TypeScript and standard configuration files.

Community
Advanced
hidonguyenhidonguyen

ck:deploy

Detect hosting platforms from config files and deploy projects automatically.

Community
Advanced
LutimiLutimi

ckm:ui-styling

Integrate shadcn/ui, Radix primitives, and Tailwind CSS into React interfaces.

Community
Advanced
HouseGarofaloHouseGarofalo
3

monorepo-turborepo

Configure Turborepo workspaces, task caching, and CI pipelines for monorepos.

Official
Intermediate