hedgedoc/docs/content/dev/getting-started.md
Tilman Vatteroth b386737d08
Move docs into subdirectory to make mkdocs work in a subdirectory
Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>

(cherry picked from commit eaeb88401d)
Signed-off-by: David Mehren <git@herrmehren.de>
2021-01-04 13:07:44 +01:00

2.1 KiB

Getting started

Preparing for running the code

Notice: There's specialised instructions for docker or heroku, if you prefer running code this way!

  1. Clone the repository with git clone https://github.com/hedgedoc/hedgedoc.git hedgedoc-server (cloning is the preferred way, but you can also download and unzip a release)

  2. Enter the directory and run bin/setup, which will install npm dependencies and create configs. The setup script is written in Bash, you would need bash as a prerequisite.

  3. Setup the config file or set up environment variables.

Running the Code

Now that everything is in place, we can start HedgeDoc:

  1. yarn run build will build the frontend bundle. It uses webpack to do that.
  2. Run the server with node app.js

Running the Code with Auto-Reload

The commands above are fine for production, but you're a developer and surely you want to change things. You would need to restart both commands whenever you change something. Luckily, you can run these commands that will automatically rebuild the frontend or restart the server if necessary.

The commands will stay active in your terminal, so you will need multiple tabs to run both at the same time.

  1. Use yarn run dev if you want webpack to continuously rebuild the frontend code.

  2. To auto-reload the server, the easiest method is to install nodemon and run nodemon --watch app.js --watch lib --watch locales app.js.

Structure

The repository contains two parts: a server (backend) and a client (frontend). most of the server code is in /lib and most of the client code is in public.

hedgedoc-server/
├── docs/           --- documentation
├── lib/            --- server code
├── test/           --- test suite
└── public/         --- client code
    ├── css/        --- css styles
    ├── docs/       --- default documents
    ├── js/         --- js scripts
    ├── vendor/     --- vendor includes
    └── views/      --- view templates