React single-page app

React, Vite and Tailwind on their own, with Biome for linting and formatting.

atarashi new my-app --preset frontend-only

What you get

• core/node-ts
• web/react-vite-tailwind
• lint/biome
• meta/readme
• meta/license
• meta/editorconfig

Files

17 files, 6.5 KB before node_modules.

my-app/
├── src/
│   ├── App.tsx
│   ├── index.css
│   ├── main.tsx
│   └── vite-env.d.ts
├── .editorconfig
├── .gitignore
├── LICENSE
├── README.md
├── atarashi.json
├── biome.json
├── index.html
├── package.json
├── pnpm-workspace.yaml
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

Dependencies

None.

Development only:

• @biomejs/biome@^2.3.14
• @types/node@^22.19.0
• typescript@^5.9.3

After generating

1. Start the dev server: pnpm run dev
2. Start the Vite dev server: pnpm run dev
3. Lint the project: pnpm run lint

Change it

A preset is a starting point, not a cage. Add to it, drop from it, or eject:

atarashi new my-app --preset frontend-only --add obs/pino
atarashi new my-app --preset frontend-only --remove lint/biome --add lint/eslint-prettier
atarashi add auth/jwt   # later, inside the generated project