funkwhale/docs/developer/setup/vite.md

# Develop using Vite

If you want to make changes to the frontend, you can use Vite to run a development server. This allows you to run a Funkwhale web app and see changes in real time

1. Clone the repository:

   ::::{tab-set}

   :::{tab-item} SSH

   ```sh
   git clone git@dev.funkwhale.audio/funkwhale/funkwhale.git
   cd funkwhale/front
   ```

   :::

   :::{tab-item} HTTPS

   ```sh
   git clone https://dev.funkwhale.audio/funkwhale/funkwhale.git
   cd funkwhale/front
   ```

   :::

   ::::

2. Install [Node.js](https://nodejs.org/en/download/package-manager/) and [Yarn](https://classic.yarnpkg.com/lang/en/docs/install/)
3. Install all dependencies:

   ```sh
   yarn install
   ```

4. Launch the development server:

   ```sh
   yarn dev
   ```

You can access the Funkwhale web app at `http://localhost:8000/front`. Connect this app to your pod by selecting {guilabel}`Switch instance` in the sidebar.
Update the CONTRIBUTING file Create sections in the documentation 2022-10-09 17:44:08 +00:00			`# Develop using Vite`

Clean up documentation 2022-10-26 20:07:02 +00:00			`If you want to make changes to the frontend, you can use Vite to run a development server. This allows you to run a Funkwhale web app and see changes in real time`

			`1. Clone the repository:`

chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			`::::{tab-set}`
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			`:::{tab-item} SSH`
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			```sh
			`git clone git@dev.funkwhale.audio/funkwhale/funkwhale.git`
			`cd funkwhale/front`
			```
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			`:::`
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			`:::{tab-item} HTTPS`
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			```sh
			`git clone https://dev.funkwhale.audio/funkwhale/funkwhale.git`
			`cd funkwhale/front`
			```
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			`:::`
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			`::::`
Clean up documentation 2022-10-26 20:07:02 +00:00
			`2. Install [Node.js](https://nodejs.org/en/download/package-manager/) and [Yarn](https://classic.yarnpkg.com/lang/en/docs/install/)`
			`3. Install all dependencies:`

chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			```sh
			`yarn install`
			```
Clean up documentation 2022-10-26 20:07:02 +00:00
Fix(docs): updates vite documentation 2023-04-05 10:13:14 +00:00			`4. Launch the development server:`
Clean up documentation 2022-10-26 20:07:02 +00:00
chore: format files using prettier (pre-commit) 2022-11-23 21:42:32 +00:00			```sh
			`yarn dev`
			```
Clean up documentation 2022-10-26 20:07:02 +00:00
			You can access the Funkwhale web app at `http://localhost:8000/front`. Connect this app to your pod by selecting {guilabel}`Switch instance` in the sidebar.