### Install Doppio Frappe App

Source: https://github.com/nagariahussain/doppio/blob/master/README.md

Installs the Doppio Frappe app into your bench directory, enabling custom bench CLI commands for SPA integration.

```bash
bench get-app https://github.com/NagariaHussain/doppio
```

--------------------------------

### Start SPA Development Server

Source: https://github.com/nagariahussain/doppio/blob/master/README.md

Starts the development server for your Single Page Application (SPA), typically running on port 8080. This command is executed within the SPA's directory.

```bash
yarn dev
```

--------------------------------

### Add FrappeUI Project

Source: https://github.com/nagariahussain/doppio/blob/master/README.md

Adds a FrappeUI starter project to your custom Frappe app using a single command.

```bash
bench add-frappe-ui
```

--------------------------------

### Build SPA for Production

Source: https://github.com/nagariahussain/doppio/blob/master/README.md

Builds the Single Page Application (SPA) for production, placing the output in the `www` directory of your Frappe app. This command is executed within the SPA's directory.

```bash
cd <your-spa-name> && yarn build
```

--------------------------------

### Create Custom Desk Page

Source: https://github.com/nagariahussain/doppio/blob/master/README.md

Sets up a custom desk page powered by Vue 3 or React within your Frappe app. Requires specifying the site name and app name, and prompts for framework selection.

```bash
bench --site <site-name> add-desk-page --app <app-name>
```

--------------------------------

### Add Production Scripts to package.json

Source: https://github.com/nagariahussain/doppio/blob/master/README.md

Adds 'dev' and 'build' scripts to your app's `package.json` file to ensure compatibility with the `bench build` command for production builds.

```json
"dev": "cd <your-spa-folder> && yarn dev",
"build": "cd <your-spa-folder> && yarn build"
```

--------------------------------

### Add Single Page Application (SPA)

Source: https://github.com/nagariahussain/doppio/blob/master/README.md

Scaffolds a new Single Page Application (SPA) within your Frappe app. Supports React or Vue 3, with options for Tailwind CSS and TypeScript. Prompts for app name and framework selection.

```bash
bench add-spa --app <app-name> [--tailwindcss] [--typescript]

# or just, and answer the prompts
bench add-spa
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.