Vercel에서 마이크로프런트엔드를 구축, 구성, 배포하기 위한 가이드입니다. 사용자가 마이크로프런트엔드, 다중 영역, 팀 간 앱 분할, 독립 배포, 앱 간 라우팅, 증분 마이그레이션, 하나의 도메인 아래 여러 프런트엔드 구성, microfrontends.json, @vercel/microfrontends, 마이크로프런트엔드 로컬 프록시 또는 Vercel 프로젝트 간 경로 기반 라우팅을 언급할 때 이 기술을 사용하세요. 또한 사용자가 프로젝트 간 공유 레이아웃, 마이크로프론트엔드 간 탐색, 대체 환경, 자산 접두사 또는 기능 플래그 제어 라우팅에 대해 묻는 경우에도 사용합니다.
명령줄에서 vercel-microfrontends AI 스킬을 개발 환경에 빠르게 설치
출처: vercel/microfrontends.
Vercel Microfrontends Split a large application into independently deployable units that render as one cohesive app. Vercel handles routing on its global network using microfrontends.json.
Core concepts: default app (has microfrontends.json, serves unmatched requests) · child apps (have routing path patterns) · asset prefix (prevents static-asset collisions) · independent deployments.
Frameworks: Next.js (App Router + Pages Router), SvelteKit, React Router, Vite — all via @vercel/microfrontends.
Vercel에서 마이크로프런트엔드를 구축, 구성, 배포하기 위한 가이드입니다. 사용자가 마이크로프런트엔드, 다중 영역, 팀 간 앱 분할, 독립 배포, 앱 간 라우팅, 증분 마이그레이션, 하나의 도메인 아래 여러 프런트엔드 구성, microfrontends.json, @vercel/microfrontends, 마이크로프런트엔드 로컬 프록시 또는 Vercel 프로젝트 간 경로 기반 라우팅을 언급할 때 이 기술을 사용하세요. 또한 사용자가 프로젝트 간 공유 레이아웃, 마이크로프론트엔드 간 탐색, 대체 환경, 자산 접두사 또는 기능 플래그 제어 라우팅에 대해 묻는 경우에도 사용합니다. 출처: vercel/microfrontends.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/vercel/microfrontends --skill vercel-microfrontendsVercel에서 마이크로프런트엔드를 구축, 구성, 배포하기 위한 가이드입니다. 사용자가 마이크로프런트엔드, 다중 영역, 팀 간 앱 분할, 독립 배포, 앱 간 라우팅, 증분 마이그레이션, 하나의 도메인 아래 여러 프런트엔드 구성, microfrontends.json, @vercel/microfrontends, 마이크로프런트엔드 로컬 프록시 또는 Vercel 프로젝트 간 경로 기반 라우팅을 언급할 때 이 기술을 사용하세요. 또한 사용자가 프로젝트 간 공유 레이아웃, 마이크로프론트엔드 간 탐색, 대체 환경, 자산 접두사 또는 기능 플래그 제어 라우팅에 대해 묻는 경우에도 사용합니다. 출처: vercel/microfrontends.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/vercel/microfrontends --skill vercel-microfrontends 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/vercel/microfrontends