empjs

Scaffold EMP full-stack projects with React 19 and emp.config.ts.

2.4k|230|Updated Oct 29, 2020
One-click install
npx skills add https://github.com/empjs/emp --skill empjs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: empjs
Source: https://github.com/empjs/emp/tree/main/skills/empjs
Command: npx skills add https://github.com/empjs/emp --skill empjs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

EMP full-stack development can be complex, repetitive, and prone to configuration drift. This Skill provides a ready-to-use scaffold and config for quick, consistent EMP app setup.

Core Features & Use Cases

  • Scaffold React 19 Startkit: Create EMP apps with a single script.
  • Standardized emp.config.ts: Centralized plugins, server, and build settings.
  • Tailwind v4 & UI tooling: Integrated styling workflow.
  • Micro-frontend support: empRuntime for host/remote integration.
  • Valtio state management: Ready-to-use state layer and patterns.

Quick Start

node skills/empjs/scripts/create-emp-react19.js <project-name> [target-dir] cd <project-name> pnpm install pnpm dev

Frequently Asked Questions about empjs

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

FAQPage Schema
How do I scaffold a React 19 micro-frontend project with module federation?

To scaffold a React 19 micro-frontend project with module federation, run the provided creation script. This initializes an EMP full-stack app with standardized emp.config.ts, module federation support, and reproducible bootstrapping.

Does this EMP starter kit include Tailwind v4 and Valtio configuration?

Yes, this EMP starter kit includes integrated Tailwind v4 configuration for styling and Valtio for state management. It provides a ready-to-use state layer and UI tooling workflow out of the box.

What is the best way to set up an EMP full-stack app without manual configuration drift?

The best way to set up an EMP app without configuration drift is using an automated scaffolding script. It standardizes centralized plugins, server settings, and build configurations in emp.config.ts to ensure reproducible project bootstrapping.

Can I use empRuntime for host and remote integration in my micro-frontends?

Yes, you can use empRuntime for host and remote integration in micro-frontends. The scaffold provides built-in module federation support, enabling seamless host and remote integration across your EMP full-stack applications.

How do I bootstrap a new EMP app using the command line?

To bootstrap a new EMP app, execute the creation script via Node.js with your project name and target directory. Then navigate into the folder, run pnpm install, and start the development server with pnpm dev.

Why do I need a standardized emp.config.ts for my micro-frontend architecture?

A standardized emp.config.ts is needed to centralize plugins, server, and build settings for your micro-frontend architecture. It prevents configuration drift and ensures performance-oriented practices across host and remote EMP integrations.