<!DOCTYPE html><htmllang="en"><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><title>Installation · Docusaurus</title><metaname="viewport"content="width=device-width"/><metaname="generator"content="Docusaurus"/><metaproperty="og:title"content="Installation · Docusaurus"/><metaproperty="og:type"content="website"/><metaproperty="og:url"content="https://docusaurus.io/index.html"/><metaproperty="og:description"content="Docusaurus was designed from the ground up to be easily installed and used to get your website up and running quickly. To install Docusaurus, we have created an easy script that will get all of the infrastructure setup for you:"/><metaproperty="og:image"content="https://docusaurus.io/img/docusaurus.png"/><metaname="twitter:card"content="summary"/><metaname="twitter:image"content="https://docusaurus.io/img/docusaurus.png"/><linkrel="shortcut icon"href="/img/docusaurus.ico"/><linkrel="stylesheet"href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css"/><linkrel="stylesheet"href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css"/><linkrel="alternate"type="application/atom+xml"href="https://docusaurus.io/blog/atom.xml"title="Docusaurus Blog ATOM Feed"/><linkrel="alternate"type="application/rss+xml"href="https://docusaurus.io/blog/feed.xml"title="Docusaurus Blog RSS Feed"/><scripttype="text/javascript"src="https://buttons.github.io/buttons.js"></script><linkrel="stylesheet"href="/css/main.css"/></head><bodyclass="sideNavVisible doc separateOnPageNav"><divclass="fixedHeaderContainer"><divclass="headerWrapper wrapper"><header><ahref="/en"><imgclass="logo"src="/img/docusaurus.svg"alt="Docusaurus"/><h2class="headerTitle">Docusaurus</h2></a><ahref="/en/versions.html"><h3>1.0.14</h3></a><divclass="navigationWrapper navigationSlider"><navclass="slidingNav"><ulclass="nav-site nav-site-internal"><liclass="siteNavGroupActive siteNavItemActive"><ahref="/docs/en/installation.html"target="_self">Docs</a></li><liclass=""><ahref="/en/help.html"target="_self">Help</a></li><liclass=""><ahref="/en/users.html"target="_self">Users</a></li><liclass=""><ahref="/en/about-slash.html"target="_self">About /</a></li><liclass=""><ahref="/blog"target="_self">Blog</a></li><liclass=""><ahref="https://github.com/facebook/docusaurus"target="_self">GitHub</a></li><liclass="navSearchWrapper reactNavSearchWrapper"><inputtype="text"id="search_input_react"placeholder="Search"title="Search"/></li></ul></nav></div></header></div></div><divclass="navPusher"><divclass="docMainWrapper wrapper"><divclass="container docsNavContainer"id="docsNav"><navclass="toc"><divclass="toggleNav"><sectionclass="navWrapper wrapper"><divclass="navBreadcrumb wrapper"><divclass="navToggle"id="navToggler"><i></i></div><h2><i>›</i><span>Getting Started</span></h2></div><divclass="navGroups"><divclass="navGroup navGroupActive"><h3>Getting Started</h3><ul><liclass="navListItem navListItemActive"><aclass="navItem navItemActive"href="/docs/en/installation.html">Installation</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/site-preparation.html">Site Preparation</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/site-creation.html">Creating your site</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/publishing.html">Publishing your site</a></li></ul></div><divclass="navGroup navGroupActive"><h3>Guides</h3><ul><liclass="navListItem"><aclass="navItem"href="/docs/en/blog.html">Adding a Blog</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/custom-pages.html">Custom Pages</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/search.html">Enabling Search</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/navigation.html">Navigation and Sidebars</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/translation.html">Translations & Localization</a></li><liclass="navListItem"><aclass="navItem"href="/docs/en/version
</script></nav></div><divclass="container mainContainer"><divclass="wrapper"><divclass="post"><headerclass="postHeader"><aclass="edit-page-link button"href="https://github.com/facebook/docusaurus/edit/master/docs/getting-started-installation.md"target="_blank"rel="noreferrer noopener">Edit</a><h1>Installation</h1></header><article><div><span><p>Docusaurus was designed from the ground up to be easily installed and used to get your website up and running quickly. To install Docusaurus, we have created an easy script that will get all of the infrastructure setup for you:</p>
<li><p>Ensure you have the latest version of <ahref="https://nodejs.org/en/download/">Node</a> installed. We also recommend you install <ahref="https://yarnpkg.com/en/docs/install">Yarn</a> as well.</p>
<blockquote>
<p>While we recommend Node 8.x or greater, your Node version must at least 6.x.</p>
</blockquote></li>
<li><p>Go into the root of your GitHub repo directory where you will be creating the docs.</p></li>
<p>If you don't have Node 8.2+ or if you prefer to install Docusaurus globally, run <code>yarn global add docusaurus-init</code> or <code>npm install --global docusaurus-init</code>. After that, run <code>docusaurus-init</code>.</p>
<p>After Docusaurus is installed, moving forward, you can check your current version of Docusaurus by going into the <code>website</code> directory and typing <code>yarn outdated docusaurus</code> or <code>npm outdated docusaurus</code>. You can update to the <ahref="https://www.npmjs.com/package/docusaurus">latest version</a> of Docusaurus by typing <code>yarn upgrade docusaurus --latest</code> or <code>npm update docusaurus</code>.</p>
<p>Running the Docusaurus initialization script, <code>docusaurus-init</code>, produces a runnable, example website to base your site upon.</p>
<ol>
<li>In your root, rename <code>docs-examples-from-docusaurus</code> to <code>docs</code>.</li>
<li><code>cd website</code></li>
<li>Rename <code>blog-examples-from-docusaurus</code> to <code>blog</code>.</li>
<li>Run the local webserver via <code>yarn start</code> or <code>npm start</code>.</li>
<li>Load the example site at <ahref="http://localhost:3000">http://localhost:3000</a>. You should see the example site loaded in your web browser.</li>