web-frameworks

Develop full-stack Next.js applications with App Router and Turborepo.

Updated Jan 27, 2026
One-click install
npx skills add https://github.com/Hoang130203/Emgu_CV_automation --skill web-frameworks-hoang130203
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-frameworks
Source: https://github.com/Hoang130203/Emgu_CV_automation/tree/main/.opencode/skills/web-frameworks
Command: npx skills add https://github.com/Hoang130203/Emgu_CV_automation --skill web-frameworks-hoang130203

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a comprehensive guide and tooling for building modern, high-performance full-stack web applications, streamlining development with Next.js, Turborepo, and RemixIcon.

Core Features & Use Cases

  • Full-Stack Development: Build complete web applications with server-side rendering, static generation, and API routes using Next.js.
  • Monorepo Management: Efficiently manage multiple applications and shared packages within a single repository using Turborepo for fast, incremental builds.
  • UI Consistency: Ensure a professional and consistent look across your applications with a vast library of RemixIcon icons.
  • Use Case: Develop a multi-application platform (e.g., customer-facing website, admin dashboard, documentation site) within a monorepo, sharing UI components and logic, and optimizing build times.

Quick Start

Initialize a new Next.js project named 'my-app' using the App Router and TypeScript.

Frequently Asked Questions about web-frameworks

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

FAQPage Schema
How do I build a full-stack web app with Next.js App Router and Server Components?▼

To build a full-stack web app with Next.js App Router and Server Components, this Skill provides tooling for server-side rendering, static generation, and API routes. It enables Incremental Static Regeneration (ISR) capabilities for high-performance application development.

What is the best way to manage multiple applications and shared packages in a monorepo?▼

Managing multiple applications and shared packages in a monorepo is best handled using Turborepo. This Skill facilitates Turborepo architecture to optimize builds and caching, enabling efficient management of platforms like customer-facing sites and admin dashboards within a single repository.

How do I ensure UI consistency across different apps in a Turborepo monorepo?▼

To ensure UI consistency across different apps in a Turborepo monorepo, this Skill integrates RemixIcon. It provides a comprehensive library of UI icons to maintain a professional and consistent look across all applications sharing components and logic.

Does this Skill support setting up TypeScript with Next.js?▼

Yes, this Skill supports TypeScript with Next.js. The quick start functionality specifically enables the initialization of a new Next.js project using the App Router and TypeScript for a typed full-stack development experience.

Can I use Server Components and ISR capabilities for full-stack development with this setup?▼

You can use Server Components and ISR capabilities for full-stack development. This Skill enables these specific Next.js features to build modern, high-performance web applications with optimized rendering and data fetching.

When should I use Turborepo for Next.js full-stack development instead of a single repository?▼

You should use Turborepo for Next.js full-stack development when building a multi-application platform. It optimizes build times through incremental builds and caching, which is ideal when sharing UI components and logic across a customer-facing website, admin dashboard, and documentation site.