> For the complete documentation index, see [llms.txt](https://tokenomy.gitbook.io/boilerplate-code/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tokenomy.gitbook.io/boilerplate-code/installations.md).

# Installations

### Step 1: Download code and change name directory root 

1. Open a web browser and go to the GitHub repository's webpage, in this case, "<https://github.com/tokenomy/boilerplate-fe/tree/main>".
2. Navigate to the specific directory or tree you want to download.
3. Click on the "Download" button on the top-right corner of the page to download the ZIP file of that specific directory or tree.
4. Save the ZIP file to the directory of your choice on your local machine.
5. Extract the ZIP file to access the downloaded code.

### Step 2: Install package modules app&#x20;

```bash
yarn install
```

### Step 3: Run the development server&#x20;

```bash
yarn dev
```

Open [http://localhost:3000](http://localhost:3000/) with your browser to see the result. You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

### Step 4: Build production app&#x20;

```bash
yarn build
```

### Step 5: Starting app on production

```bash
yarn start
```

## Another node scripts

{% tabs %}
{% tab title="Analyze bundle" %}

```bash
yarn analyze
```

{% endtab %}

{% tab title="Unit testing" %}
{% code title="Running Jest" %}

```bash
yarn test
```

{% endcode %}

{% code title="Running Jest watch" %}

```bash
yarn test:watch
```

{% endcode %}

{% code title="Running Jest coverage" %}

```bash
yarn test:coverage
```

{% endcode %}

{% code title="Running Jest snapshot" %}

```bash
yarn test:snapshot
```

{% endcode %}

{% code title="Running Jest clear" %}

```bash
yarn test:clear
```

{% endcode %}
{% endtab %}

{% tab title="Serve HTML" %}

```bash
yarn html
```

{% endtab %}

{% tab title="Linter" %}

```bash
yarn lint
```

{% endtab %}
{% endtabs %}