Tools for building modern React webapps with TypeScript, Tailwind CSS and shadcn/ui. Best suited for applications with complex UI components and state management.
4a:T6fe,
Stack: React + TypeScript + Vite + Tailwind CSS + shadcn/ui
scripts/init-webapp.sh <website-title> [output-dir] - Initialize projectsrc/dist/# Init project in ./app (default) with website title
bash scripts/init-webapp.sh "My Website"
# Or specify custom output directory
bash scripts/init-webapp.sh "My Website" ./my-project
cd ./app # or your custom directory
AI Agent Notes:
./app (relative to current working directory)This creates a fully configured project with:
@/) configuredEdit generated files in src/:
src/sections/src/hooks/src/types/cd ./app && npm run build 2>&1
Output (dist/):
index.html - Entry pointassets/index-[hash].js - Bundled JSassets/index-[hash].css - Bundled CSSOptimizations: Tree-shaking, code splitting, asset compression, minification, cache-busting hashes.
Deploy the build output in <project-dir>/dist/
npm run builddist/