vite-react-shadcn-convex-setup

Installation
SKILL.md

Vite React Shadcn Convex Setup

Use this workflow to set up the same stack in an existing folder without creating a nested project directory.

Workflow

  1. Inspect the directory first:

    • Run pwd, rg --files -uu -g '!*node_modules*' -g '!*.git*', and git status --short.
    • Read existing README.md, .env.example, docker-compose.yml, and Convex files before scaffolding.
    • Preserve user files. If Vite overwrites README.md, restore the useful existing notes afterward.
  2. Scaffold Vite React TypeScript in the current folder:

    • Run npm create vite@latest . -- --template react-ts from the target root.
    • If the directory is not empty, use a TTY and choose Ignore files and continue.
    • Do not choose the option that removes existing files.
    • Decline "install and start now"; run installs explicitly afterward.
    • The npm package name should default to basename "$PWD". Verify it in package.json.
Installs
2
GitHub Stars
1
First Seen
Jun 3, 2026
vite-react-shadcn-convex-setup — schalk-conradie/skills