---
title: "Ratzilla Starter"
description: "Get started building your TUI-themed web app in Rust & Wasm with Ratzilla"
url: "https://vercel.com/templates/other/ratzilla"
links:
  repository: "https://github.com/jetpham/ratzilla-vercel-template"
  demo: "https://ratzilla-vercel-template.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Ratzilla+Starter&demo-description=Get+started+building+your+TUI-themed+web+app+in+Rust+%26+Wasm+with+Ratzilla&demo-url=https%3A%2F%2Fratzilla-vercel-template.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F7aMcREIKF8QJQZ3SSw7Imr%2F794b8058778dc77ace4a902aeddfe5c6%2FRatzilla-Vercel-Template.png&project-name=Ratzilla+Starter&repository-name=ratzilla&repository-url=https%3A%2F%2Fgithub.com%2Fjetpham%2Fratzilla-vercel-template&from=templates&skippable-integrations=1"
---

# Ratzilla Starter

Get started building your TUI-themed web app in Rust & Wasm with Ratzilla

# ratzilla-vercel-template

This is a [Ratzilla] app generated by the [Simple Template] with configuration to be deployed on [Vercel].

## Serve

Install [trunk] to build and serve the web application.

```sh
cargo install --locked trunk
```

Add compilation target `wasm32-unknown-unknown`:

```sh
rustup target add wasm32-unknown-unknown
```

Then serve it on your browser:

```sh
trunk serve
```

Now go to [http://localhost:8080](http://localhost:8080) and enjoy TUIs in your browser!

> Change `release` to `true` in [Trunk.toml](https://github.com/jetpham/ratzilla-vercel-template/tree/main/Trunk.toml) for release builds

## Vercel Observability Features

To enable the following features, add these snippents to the `<body>` of the [index.html](https://github.com/jetpham/ratzilla-vercel-template/tree/main/index.html)

### [Speed Insights]

```html
<script>
  window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
</script>
<script defer src="/_vercel/speed-insights/script.js"></script>
```

### [Web Analytics]

```html
<script>
  window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
</script>
<script defer src="/_vercel/insights/script.js"></script>
```

[Ratzilla]: https://github.com/orhun/ratzilla
[Simple Template]: https://github.com/orhun/ratzilla/tree/main/templates/simple
[Vercel]: https://vercel.com
[Speed Insights]: https://vercel.com/docs/speed-insights
[Web Analytics]: https://vercel.com/docs/analytics
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fjetpham%2Fratzilla-vercel-template)

## License

Copyright (c) jet

This project is licensed under the MIT license ([LICENSE] or <http://opensource.org/licenses/MIT>)

[LICENSE]: https://github.com/jetpham/ratzilla-vercel-template/tree/main/LICENSE

## Related Templates

### [Next.js Boilerplate](https://vercel.com/templates/next.js/nextjs-boilerplate)

Get started with Next.js and React in seconds.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.