Skip to main content
Version: Next

Installation

Docusaurus was designed from the ground up to be easily installed and used to get your website up and running quickly.

Important Note: we highly encourage you to use Docusaurus 2 instead.

Installing Docusaurus#

We have created a helpful script that will get all of the infrastructure set up for you:

  1. Ensure you have the latest version of Node installed. We also recommend you install Yarn as well.

    You have to be on Node >= 10.9.0 and Yarn >= 1.5.

  2. Create a project, if none exists, and change your directory to this project's root.

    You will be creating the docs in this directory. The root directory may contain other files. The Docusaurus installation script will create two new directories: docs and website.

    Commonly, either an existing or newly created GitHub project will be the location for your Docusaurus site, but that is not mandatory to use Docusaurus.

  3. Run the Docusaurus installation script: npx docusaurus-init.

    If you don't have Node 8.2+ or if you prefer to install Docusaurus globally, run yarn global add docusaurus-init or npm install --global docusaurus-init. After that, run docusaurus-init.

Verifying Installation#

Along with previously existing files and directories, your root directory will now contain a structure similar to:

root-directory
β”œβ”€β”€ Dockerfile
β”œβ”€β”€ README.md
β”œβ”€β”€ docker-compose.yml
β”œβ”€β”€ docs
β”‚ β”œβ”€β”€ doc1.md
β”‚ β”œβ”€β”€ doc2.md
β”‚ β”œβ”€β”€ doc3.md
β”‚ β”œβ”€β”€ exampledoc4.md
β”‚ └── exampledoc5.md
└── website
β”œβ”€β”€ blog
β”‚ β”œβ”€β”€ 2016-03-11-blog-post.md
β”‚ β”œβ”€β”€ 2017-04-10-blog-post-two.md
β”‚ β”œβ”€β”€ 2017-09-25-testing-rss.md
β”‚ β”œβ”€β”€ 2017-09-26-adding-rss.md
β”‚ └── 2017-10-24-new-version-1.0.0.md
β”œβ”€β”€ core
β”‚ └── Footer.js
β”œβ”€β”€ package.json
β”œβ”€β”€ pages
β”œβ”€β”€ sidebars.json
β”œβ”€β”€ siteConfig.js
└── static

This installation creates some Docker files that are not necessary to run docusaurus. They may be deleted without issue in the interest of saving space. For more information on Docker, please see the Docker documentation.

Running the example website#

After running the Docusaurus initialization script, docusaurus-init as described in the Installation section, you will have a runnable, example website to use as your site's base. To run:

  1. cd website

  2. From within the website directory, run the local web server using yarn start or npm start.

  3. Load the example site at http://localhost:3000 if it did not already open automatically. If port 3000 has already been taken, another port will be used. Look at the console messages to see which.

    You should see the example site loaded in your web browser. There's also a LiveReload server running and any changes made to the docs and files in the website directory will cause the page to refresh. A randomly generated primary and secondary theme color will be picked for you.

Launching the server behind a proxy#

If you are behind a corporate proxy, you need to disable it for the development server requests. It can be done using the NO_PROXY environment variable.

SET NO_PROXY=localhost
yarn start (or npm run start)

Updating Your Docusaurus Version#

At any time after Docusaurus is installed, you can check your current version of Docusaurus by going into the website directory and typing yarn outdated docusaurus or npm outdated docusaurus.

You will see something like this:

$ yarn outdated
Using globally installed version of Yarn
yarn outdated v1.5.1
warning package.json: No license field
warning No license field
info Color legend :
"<red>" : Major Update backward-incompatible updates
"<yellow>" : Minor Update backward-compatible features
"<green>" : Patch Update backward-compatible bug fixes
Package Current Wanted Latest Package Type URL
docusaurus 1.0.9 1.2.0 1.2.0 devDependencies https://github.com/facebook/docusaurus#readme
✨ Done in 0.41s.

If there is no noticeable version output from the outdated commands, then you are up-to-date.

You can update to the latest version of Docusaurus by:

yarn upgrade docusaurus --latest

or

npm update docusaurus

If you are finding that you are getting errors after your upgrade, try to either clear your Babel cache (usually it's in a temporary directory or run the Docusaurus server (e.g., yarn start) with the BABEL_DISABLE_CACHE=1 environment configuration.

Last updated on by SΓ©bastien Lorber