Skill

CRA to Next

Skill

The official migration off Create React App.

Official. Routing, env, the public folder, and the pieces people forget until CI is red.

spec·Apache-2.0·Updated this quarter·github.com/vercel-labs/agent-skills

Claude CodeCursorDesktop
Scanned
npx skills add vercel-labs/migration-skills/cra-to-next-migration

By Vercel

Input

A CRA app.

Output

A Next tree that builds.

cra-to-next.skill/invoke

You say

Move this CRA app to App Router.

It returns

app/ tree, next/image, env renamed. Vite leftover noted.

Prompt notebook

Prompts this skill is built for.

  • You say

    Move this CRA app to App Router.

    It returns

    app/ tree, next/image, env renamed. Vite leftover noted.

  • You say

    Where do REACT_APP_ keys go?

    It returns

    NEXT_PUBLIC_. Two secrets stay server-only.

What it teaches

  1. 01Routing
  2. 02Env
  3. 03Public folder