<commit_before>+++
title = "2.9.1 Walkthrough: Landscape Tile"
weight = 40
template = "doc.html"
+++

Tiles are one way to build apps in Landscape, the Urbit web interface. This document will guide you through the process of creating a tile using Hoon and some pre-built tools.

> Note that Tiles use the [React](https://reactjs.org/) framework, which will not be covered in this walkthrough; instead of writing the React ourselves, we will use the tools from the repo mentioned above. We encourage you to use react to build a Tile yourself, though.

![](https://media.urbit.org/docs/landscape-tile/default-tiles.png)

## Getting Started

It's recommended to always use this process in this section when creating a tile, even when your knowledge becomes more advanced. It makes development much easier.

First and foremost, you'll need to have a [mounted fakezod](@/using/develop.md#creating-a-development-ship) of Urbit version 0.8.0 or higher.

Then you'll need to get the pre-built tools that were mentioned. Navigate to  [urbit/create-landscape-app](https://github.com/urbit/create-landscape-app) and click the green `Use this template` button on to copy the repo to your own account. After that, you will need to clone that new repository locally, using either the `git clone <repo-url>` terminal command, or by clicking the `Clone or download` button on the GitHub.
Once you've cloned the repo, `cd` into the newly downloaded folder and run `npm install` to install dependencies. After that, run `npm start` to start the setup wizard.

![](https://media.urbit.org/docs/landscape-tile/npm-setup.png)

The wizard prompts you with three questions.
- For the purposes of this walkthrough, choose `testing` as the name of your file; your answer determines the name of a Hoon file and the name of directory containing the `tile.js` file that the Hoon file references.
- When prompted to choose between a title and a full application, answer `tile`.
- For the final question, simply give the full path to your ship's pier and the desired desk (such as `/home`). This links your ship to this repo.
<commit_msg>Fix typo "title" -> "tile"<commit_after>+++
title = "2.9.1 Walkthrough: Landscape Tile"
weight = 40
template = "doc.html"
+++

Tiles are one way to build apps in Landscape, the Urbit web interface. This document will guide you through the process of creating a tile using Hoon and some pre-built tools.

> Note that Tiles use the [React](https://reactjs.org/) framework, which will not be covered in this walkthrough; instead of writing the React ourselves, we will use the tools from the repo mentioned above. We encourage you to use react to build a Tile yourself, though.

![](https://media.urbit.org/docs/landscape-tile/default-tiles.png)

## Getting Started

It's recommended to always use this process in this section when creating a tile, even when your knowledge becomes more advanced. It makes development much easier.

First and foremost, you'll need to have a [mounted fakezod](@/using/develop.md#creating-a-development-ship) of Urbit version 0.8.0 or higher.

Then you'll need to get the pre-built tools that were mentioned. Navigate to  [urbit/create-landscape-app](https://github.com/urbit/create-landscape-app) and click the green `Use this template` button on to copy the repo to your own account. After that, you will need to clone that new repository locally, using either the `git clone <repo-url>` terminal command, or by clicking the `Clone or download` button on the GitHub.
Once you've cloned the repo, `cd` into the newly downloaded folder and run `npm install` to install dependencies. After that, run `npm start` to start the setup wizard.

![](https://media.urbit.org/docs/landscape-tile/npm-setup.png)

The wizard prompts you with three questions.
- For the purposes of this walkthrough, choose `testing` as the name of your file; your answer determines the name of a Hoon file and the name of directory containing the `tile.js` file that the Hoon file references.
- When prompted to choose between a tile and a full application, answer `tile`.
- For the final question, simply give the full path to your ship's pier and the desired desk (such as `/home`). This links your ship to this repo.

{'fraction_non_alphanumeric': 0.07852412488174078, 'fraction_numerical': 0.003784295175023652, 'mean_word_length': 4.353164556962025, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 8, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '951009', 'n_tokens_mistral': 1162, 'n_tokens_neox': 1113, 'n_words': 609}