### Installing a Tuono Project from a Template (Shell)

Source: https://github.com/tuono-labs/tuono/blob/main/examples/README.md

This command allows users to scaffold a new Tuono project based on a specific template from the examples folder. `[NAME]` should be the project's name, and `[TEMPLATE]` refers to the folder name of the desired template. This is useful for quickly setting up pre-configured projects.

```Shell
tuono new [NAME] --template [TEMPLATE]
```

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

### Installing Tuono Tutorial Project (Shell)

Source: https://github.com/tuono-labs/tuono/blob/main/examples/tuono-tutorial/README.md

This shell command initializes a new Tuono project based on the 'tuono-tutorial' template. It is used for direct installation of the tutorial project, setting up the necessary files and structure.

```sh
tuono new -t tuono-tutorial
```

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

### Scaffolding a Base Tuono Project (Shell)

Source: https://github.com/tuono-labs/tuono/blob/main/examples/README.md

This command initializes a new Tuono project with the default base structure. Users need to replace `[NAME]` with their desired project name. It's a fundamental command for starting any new Tuono application.

```Shell
tuono new [NAME]
```

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

### Starting Tuono Development Server

Source: https://github.com/tuono-labs/tuono/blob/main/README.md

After installing JavaScript dependencies (e.g., `npm install`), this command starts the Tuono development server. It enables features like Hot Module Reload (HMR) and facilitates rapid development by automatically recompiling and refreshing the application on code changes.

```sh
tuono dev
```

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

### Creating a New Tuono Project

Source: https://github.com/tuono-labs/tuono/blob/main/README.md

This command initializes a new Tuono project with the specified project name. It sets up the basic project structure, including both Rust backend and React frontend components. An optional `--template` (or -t) flag can be used to start from an existing template.

```sh
tuono new [PROJECT_NAME]
```

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

### Initializing a new Tuono project with MDX template (Shell)

Source: https://github.com/tuono-labs/tuono/blob/main/examples/with-mdx/README.md

This command initializes a new Tuono project named 'tuono-with-mdx' using the 'with-mdx' template. It sets up the basic project structure and dependencies for a Tuono application integrated with MDX, allowing developers to quickly start a new project with pre-configured MDX support.

```sh
tuono new tuono-with-mdx --template with-mdx
```

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

### Installing Tuono CLI Tool

Source: https://github.com/tuono-labs/tuono/blob/main/README.md

This command installs the Tuono command-line interface (CLI) tool globally using Cargo, Rust's package manager. It is the first step to set up the Tuono development environment on your system, making the 'tuono' command available.

```sh
cargo install tuono
```

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

### Creating New Tuono Project with Tailwind Template (Shell)

Source: https://github.com/tuono-labs/tuono/blob/main/examples/with-tailwind/README.md

This command initializes a new Tuono project named 'tuono-with-tailwind' using a predefined template that includes Tailwind CSS. It's executed in the terminal to quickly set up a development environment, streamlining the project setup process.

```sh
tuono new tuono-with-tailwind --template with-tailwind
```

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

### Creating a New Tuono Project (Shell)

Source: https://github.com/tuono-labs/tuono/blob/main/examples/tuono-app/README.md

This command initializes a new Tuono application named 'my-first-tuono-app' in the current directory. It sets up the basic project structure and necessary files, allowing developers to quickly begin building their Tuono application.

```sh
tuono new my-first-tuono-app
```

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

### Initializing Tuono Server Payload and React Refresh - JavaScript

Source: https://github.com/tuono-labs/tuono/blob/main/crates/tuono/templates/fallback.html

This snippet initializes the `__TUONO_SERVER_PAYLOAD__` global variable with server-side data, crucial for client-side hydration. It also imports and injects `vite-plugin-react-refresh` into the global hook, setting up `$RefreshReg$` and `$RefreshSig$` for React Fast Refresh functionality during development. Finally, it flags `__vite_plugin_react_preamble_installed__` as true.

```javascript
window['__TUONO_SERVER_PAYLOAD__'] = [SERVER_PAYLOAD] import RefreshRuntime from '[BASE_URL]/vite-server/@react-refresh' RefreshRuntime.injectIntoGlobalHook(window) window.$RefreshReg$ = () => { } window.$RefreshSig$ = () => (type) => type window.__vite_plugin_react_preamble_installed__ = true
```

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