Skills
.Work. You
Rest

machhub-nextjs-react

Official

Zero-config MACHHUB integration for Next.js.

Software Engineering#React#Next.js#App Router#server components#machhub#SDK integration
Authormachhub-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers integrate MACHHUB SDK with Next.js and React applications, enabling a cohesive setup across App Router, Server/Client Components, and React hooks, with templates for rapid development and production-ready configurations.

Core Features & Use Cases

  • Zero-config integration via MACHHUB Designer Extension with sdk-context.tsx for rapid development.
  • Production-ready manual configuration using sdk-context.manual.tsx and environment variables.
  • Reusable hooks and components for data collections, authentication, layout providers, protected routes, and server/client patterns in Next.js apps.

Quick Start

Install a new Next.js app, copy templates from machhub-nextjs-react/templates into your project, and start coding with zero-config setup. For production deployments, switch to manual configuration and populate NEXT_PUBLIC_* env vars.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: machhub-nextjs-react
Download link: https://github.com/machhub-dev/skills/archive/main.zip#machhub-nextjs-react

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.