# Installation

<figure><img src="/files/8m90vfkqxwU8Y6wh4rKL" alt="Installation prompt"><figcaption></figcaption></figure>

### Install

To install Stratox, simply execute the following command:

```
npm create stratox@latest
```

Next, follow the prompted instructions to complete the installation process. If you're a first-time user, I highly recommend reading through the entire guide.

### The installation choises

<details>

<summary>Tailwind</summary>

Tailwind CSS is a utility-first framework with low-level classes for building custom designs directly in HTML. It simplifies responsive design with a comprehensive set of pre-built classes.

</details>

<details>

<summary>Stratox Tailwind design system</summary>

Stratox Tailwind is a super lightweight design system that simplifies CSS and HTML programming. It keeps code minimal by loading only essential Tailwind styles. The system includes normalizations, typography, wrappers, forms, and spacing classes, all responsive for any device.

</details>

<details>

<summary>Alpine.js</summary>

Alpine.js is a lightweight JavaScript framework providing declarative and reactive data-binding directly in HTML. It can be used as a modern alternative to jQuery for interacting with the DOM, adding interactivity with minimal code.

</details>

<details>

<summary>ESlint</summary>

ESLint is a static code analysis tool for identifying and fixing problematic patterns in JavaScript code. It helps developers maintain consistent coding styles and improve code quality by enforcing configurable rules.

</details>

### Updating the framework

To update Stratox, use the following command:

```
npm update
```

This command will ensure that you have the latest version of the framework installed.

<details>

<summary>Help Shape Stratox</summary>

If you’d like to suggest a feature, feel free to reach out at <daniel.ronkainen@wazabii.se>.

</details>

Continue to the Quick start guide or jump to the [Step by Step Tutorial](/router/dispatcher-overview.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://stratox.wazabii.se/installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.