bauble_core 0.5.1 → 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
 - data/docs/.gitignore +20 -0
 - data/docs/README.md +41 -0
 - data/docs/docs/intro.md +47 -0
 - data/docs/docs/tutorial-basics/_category_.json +8 -0
 - data/docs/docs/tutorial-basics/congratulations.md +23 -0
 - data/docs/docs/tutorial-basics/create-a-document.md +57 -0
 - data/docs/docs/tutorial-basics/create-a-page.md +43 -0
 - data/docs/docs/tutorial-basics/deploy-your-site.md +31 -0
 - data/docs/docs/tutorial-basics/markdown-features.mdx +152 -0
 - data/docs/docs/tutorial-extras/_category_.json +7 -0
 - data/docs/docs/tutorial-extras/img/docsVersionDropdown.png +0 -0
 - data/docs/docs/tutorial-extras/img/localeDropdown.png +0 -0
 - data/docs/docs/tutorial-extras/manage-docs-versions.md +55 -0
 - data/docs/docs/tutorial-extras/translate-your-site.md +88 -0
 - data/docs/docusaurus.config.ts +124 -0
 - data/docs/package-lock.json +16100 -0
 - data/docs/package.json +47 -0
 - data/docs/sidebars.ts +33 -0
 - data/docs/src/components/HomepageFeatures/index.tsx +70 -0
 - data/docs/src/components/HomepageFeatures/styles.module.css +11 -0
 - data/docs/src/css/custom.css +30 -0
 - data/docs/src/pages/index.module.css +23 -0
 - data/docs/src/pages/index.tsx +43 -0
 - data/docs/src/pages/markdown-page.md +7 -0
 - data/docs/static/.nojekyll +0 -0
 - data/docs/static/img/docusaurus-social-card.jpg +0 -0
 - data/docs/static/img/docusaurus.png +0 -0
 - data/docs/static/img/favicon.ico +0 -0
 - data/docs/static/img/logo.svg +1 -0
 - data/docs/static/img/undraw_docusaurus_mountain.svg +171 -0
 - data/docs/static/img/undraw_docusaurus_react.svg +170 -0
 - data/docs/static/img/undraw_docusaurus_tree.svg +40 -0
 - data/docs/tsconfig.json +7 -0
 - data/examples/basic-app/Gemfile +1 -1
 - data/examples/basic-app/Gemfile.lock +2 -2
 - data/lib/bauble/cli/commands/new.rb +0 -1
 - data/lib/bauble/version.rb +1 -1
 - metadata +38 -5
 
    
        checksums.yaml
    CHANGED
    
    | 
         @@ -1,7 +1,7 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            ---
         
     | 
| 
       2 
2 
     | 
    
         
             
            SHA256:
         
     | 
| 
       3 
     | 
    
         
            -
              metadata.gz:  
     | 
| 
       4 
     | 
    
         
            -
              data.tar.gz:  
     | 
| 
      
 3 
     | 
    
         
            +
              metadata.gz: 12f4e5e10d88db790972f3edbb321d071890623f9f5d087851aaff5903df3e42
         
     | 
| 
      
 4 
     | 
    
         
            +
              data.tar.gz: 2c85eedacacf26e1b4d46ce87da6379ed62f92a908d217ddf372bc4fafacae0e
         
     | 
| 
       5 
5 
     | 
    
         
             
            SHA512:
         
     | 
| 
       6 
     | 
    
         
            -
              metadata.gz:  
     | 
| 
       7 
     | 
    
         
            -
              data.tar.gz:  
     | 
| 
      
 6 
     | 
    
         
            +
              metadata.gz: 05a0032b59fa0ce316ac5b55616fdc383775d5f719876d4646c1c21475511bee2edda28146f86c07e69244025d03cd589c7b161d75bfb3bdd43c18f3382a771c
         
     | 
| 
      
 7 
     | 
    
         
            +
              data.tar.gz: 84a56b79140476d5c51e9c6c977db2379239c6674b85b290f86e6803501534d9d2038e5610301276d6f6039a0e2ee2cdc73c52535428431710c39b97b7f6e4e7
         
     | 
    
        data/docs/.gitignore
    ADDED
    
    | 
         @@ -0,0 +1,20 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            # Dependencies
         
     | 
| 
      
 2 
     | 
    
         
            +
            /node_modules
         
     | 
| 
      
 3 
     | 
    
         
            +
             
     | 
| 
      
 4 
     | 
    
         
            +
            # Production
         
     | 
| 
      
 5 
     | 
    
         
            +
            /build
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            # Generated files
         
     | 
| 
      
 8 
     | 
    
         
            +
            .docusaurus
         
     | 
| 
      
 9 
     | 
    
         
            +
            .cache-loader
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            # Misc
         
     | 
| 
      
 12 
     | 
    
         
            +
            .DS_Store
         
     | 
| 
      
 13 
     | 
    
         
            +
            .env.local
         
     | 
| 
      
 14 
     | 
    
         
            +
            .env.development.local
         
     | 
| 
      
 15 
     | 
    
         
            +
            .env.test.local
         
     | 
| 
      
 16 
     | 
    
         
            +
            .env.production.local
         
     | 
| 
      
 17 
     | 
    
         
            +
             
     | 
| 
      
 18 
     | 
    
         
            +
            npm-debug.log*
         
     | 
| 
      
 19 
     | 
    
         
            +
            yarn-debug.log*
         
     | 
| 
      
 20 
     | 
    
         
            +
            yarn-error.log*
         
     | 
    
        data/docs/README.md
    ADDED
    
    | 
         @@ -0,0 +1,41 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            # Website
         
     | 
| 
      
 2 
     | 
    
         
            +
             
     | 
| 
      
 3 
     | 
    
         
            +
            This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator.
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            ### Installation
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            ```
         
     | 
| 
      
 8 
     | 
    
         
            +
            $ yarn
         
     | 
| 
      
 9 
     | 
    
         
            +
            ```
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            ### Local Development
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            ```
         
     | 
| 
      
 14 
     | 
    
         
            +
            $ yarn start
         
     | 
| 
      
 15 
     | 
    
         
            +
            ```
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            ### Build
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
            ```
         
     | 
| 
      
 22 
     | 
    
         
            +
            $ yarn build
         
     | 
| 
      
 23 
     | 
    
         
            +
            ```
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            This command generates static content into the `build` directory and can be served using any static contents hosting service.
         
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
            ### Deployment
         
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            Using SSH:
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            ```
         
     | 
| 
      
 32 
     | 
    
         
            +
            $ USE_SSH=true yarn deploy
         
     | 
| 
      
 33 
     | 
    
         
            +
            ```
         
     | 
| 
      
 34 
     | 
    
         
            +
             
     | 
| 
      
 35 
     | 
    
         
            +
            Not using SSH:
         
     | 
| 
      
 36 
     | 
    
         
            +
             
     | 
| 
      
 37 
     | 
    
         
            +
            ```
         
     | 
| 
      
 38 
     | 
    
         
            +
            $ GIT_USER=<Your GitHub username> yarn deploy
         
     | 
| 
      
 39 
     | 
    
         
            +
            ```
         
     | 
| 
      
 40 
     | 
    
         
            +
             
     | 
| 
      
 41 
     | 
    
         
            +
            If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
         
     | 
    
        data/docs/docs/intro.md
    ADDED
    
    | 
         @@ -0,0 +1,47 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 1
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Tutorial Intro
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Let's discover **Docusaurus in less than 5 minutes**.
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            ## Getting Started
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            Get started by **creating a new site**.
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            Or **try Docusaurus immediately** with **[docusaurus.new](https://docusaurus.new)**.
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            ### What you'll need
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            - [Node.js](https://nodejs.org/en/download/) version 18.0 or above:
         
     | 
| 
      
 18 
     | 
    
         
            +
              - When installing Node.js, you are recommended to check all checkboxes related to dependencies.
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
            ## Generate a new site
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
            Generate a new Docusaurus site using the **classic template**.
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
      
 24 
     | 
    
         
            +
            The classic template will automatically be added to your project after you run the command:
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 27 
     | 
    
         
            +
            npm init docusaurus@latest my-website classic
         
     | 
| 
      
 28 
     | 
    
         
            +
            ```
         
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
      
 30 
     | 
    
         
            +
            You can type this command into Command Prompt, Powershell, Terminal, or any other integrated terminal of your code editor.
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            The command also installs all necessary dependencies you need to run Docusaurus.
         
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
            ## Start your site
         
     | 
| 
      
 35 
     | 
    
         
            +
             
     | 
| 
      
 36 
     | 
    
         
            +
            Run the development server:
         
     | 
| 
      
 37 
     | 
    
         
            +
             
     | 
| 
      
 38 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 39 
     | 
    
         
            +
            cd my-website
         
     | 
| 
      
 40 
     | 
    
         
            +
            npm run start
         
     | 
| 
      
 41 
     | 
    
         
            +
            ```
         
     | 
| 
      
 42 
     | 
    
         
            +
             
     | 
| 
      
 43 
     | 
    
         
            +
            The `cd` command changes the directory you're working with. In order to work with your newly created Docusaurus site, you'll need to navigate the terminal there.
         
     | 
| 
      
 44 
     | 
    
         
            +
             
     | 
| 
      
 45 
     | 
    
         
            +
            The `npm run start` command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/.
         
     | 
| 
      
 46 
     | 
    
         
            +
             
     | 
| 
      
 47 
     | 
    
         
            +
            Open `docs/intro.md` (this page) and edit some lines: the site **reloads automatically** and displays your changes.
         
     | 
| 
         @@ -0,0 +1,23 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 6
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Congratulations!
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            You have just learned the **basics of Docusaurus** and made some changes to the **initial template**.
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            Docusaurus has **much more to offer**!
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            Have **5 more minutes**? Take a look at **[versioning](../tutorial-extras/manage-docs-versions.md)** and **[i18n](../tutorial-extras/translate-your-site.md)**.
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            Anything **unclear** or **buggy** in this tutorial? [Please report it!](https://github.com/facebook/docusaurus/discussions/4610)
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            ## What's next?
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            - Read the [official documentation](https://docusaurus.io/)
         
     | 
| 
      
 18 
     | 
    
         
            +
            - Modify your site configuration with [`docusaurus.config.js`](https://docusaurus.io/docs/api/docusaurus-config)
         
     | 
| 
      
 19 
     | 
    
         
            +
            - Add navbar and footer items with [`themeConfig`](https://docusaurus.io/docs/api/themes/configuration)
         
     | 
| 
      
 20 
     | 
    
         
            +
            - Add a custom [Design and Layout](https://docusaurus.io/docs/styling-layout)
         
     | 
| 
      
 21 
     | 
    
         
            +
            - Add a [search bar](https://docusaurus.io/docs/search)
         
     | 
| 
      
 22 
     | 
    
         
            +
            - Find inspirations in the [Docusaurus showcase](https://docusaurus.io/showcase)
         
     | 
| 
      
 23 
     | 
    
         
            +
            - Get involved in the [Docusaurus Community](https://docusaurus.io/community/support)
         
     | 
| 
         @@ -0,0 +1,57 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 2
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Create a Document
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Documents are **groups of pages** connected through:
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            - a **sidebar**
         
     | 
| 
      
 10 
     | 
    
         
            +
            - **previous/next navigation**
         
     | 
| 
      
 11 
     | 
    
         
            +
            - **versioning**
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            ## Create your first Doc
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            Create a Markdown file at `docs/hello.md`:
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            ```md title="docs/hello.md"
         
     | 
| 
      
 18 
     | 
    
         
            +
            # Hello
         
     | 
| 
      
 19 
     | 
    
         
            +
             
     | 
| 
      
 20 
     | 
    
         
            +
            This is my **first Docusaurus document**!
         
     | 
| 
      
 21 
     | 
    
         
            +
            ```
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            A new document is now available at [http://localhost:3000/docs/hello](http://localhost:3000/docs/hello).
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            ## Configure the Sidebar
         
     | 
| 
      
 26 
     | 
    
         
            +
             
     | 
| 
      
 27 
     | 
    
         
            +
            Docusaurus automatically **creates a sidebar** from the `docs` folder.
         
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            Add metadata to customize the sidebar label and position:
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            ```md title="docs/hello.md" {1-4}
         
     | 
| 
      
 32 
     | 
    
         
            +
            ---
         
     | 
| 
      
 33 
     | 
    
         
            +
            sidebar_label: 'Hi!'
         
     | 
| 
      
 34 
     | 
    
         
            +
            sidebar_position: 3
         
     | 
| 
      
 35 
     | 
    
         
            +
            ---
         
     | 
| 
      
 36 
     | 
    
         
            +
             
     | 
| 
      
 37 
     | 
    
         
            +
            # Hello
         
     | 
| 
      
 38 
     | 
    
         
            +
             
     | 
| 
      
 39 
     | 
    
         
            +
            This is my **first Docusaurus document**!
         
     | 
| 
      
 40 
     | 
    
         
            +
            ```
         
     | 
| 
      
 41 
     | 
    
         
            +
             
     | 
| 
      
 42 
     | 
    
         
            +
            It is also possible to create your sidebar explicitly in `sidebars.js`:
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
            ```js title="sidebars.js"
         
     | 
| 
      
 45 
     | 
    
         
            +
            export default {
         
     | 
| 
      
 46 
     | 
    
         
            +
              tutorialSidebar: [
         
     | 
| 
      
 47 
     | 
    
         
            +
                'intro',
         
     | 
| 
      
 48 
     | 
    
         
            +
                // highlight-next-line
         
     | 
| 
      
 49 
     | 
    
         
            +
                'hello',
         
     | 
| 
      
 50 
     | 
    
         
            +
                {
         
     | 
| 
      
 51 
     | 
    
         
            +
                  type: 'category',
         
     | 
| 
      
 52 
     | 
    
         
            +
                  label: 'Tutorial',
         
     | 
| 
      
 53 
     | 
    
         
            +
                  items: ['tutorial-basics/create-a-document'],
         
     | 
| 
      
 54 
     | 
    
         
            +
                },
         
     | 
| 
      
 55 
     | 
    
         
            +
              ],
         
     | 
| 
      
 56 
     | 
    
         
            +
            };
         
     | 
| 
      
 57 
     | 
    
         
            +
            ```
         
     | 
| 
         @@ -0,0 +1,43 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 1
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Create a Page
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Add **Markdown or React** files to `src/pages` to create a **standalone page**:
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            - `src/pages/index.js` → `localhost:3000/`
         
     | 
| 
      
 10 
     | 
    
         
            +
            - `src/pages/foo.md` → `localhost:3000/foo`
         
     | 
| 
      
 11 
     | 
    
         
            +
            - `src/pages/foo/bar.js` → `localhost:3000/foo/bar`
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            ## Create your first React Page
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            Create a file at `src/pages/my-react-page.js`:
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            ```jsx title="src/pages/my-react-page.js"
         
     | 
| 
      
 18 
     | 
    
         
            +
            import React from 'react';
         
     | 
| 
      
 19 
     | 
    
         
            +
            import Layout from '@theme/Layout';
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
            export default function MyReactPage() {
         
     | 
| 
      
 22 
     | 
    
         
            +
              return (
         
     | 
| 
      
 23 
     | 
    
         
            +
                <Layout>
         
     | 
| 
      
 24 
     | 
    
         
            +
                  <h1>My React page</h1>
         
     | 
| 
      
 25 
     | 
    
         
            +
                  <p>This is a React page</p>
         
     | 
| 
      
 26 
     | 
    
         
            +
                </Layout>
         
     | 
| 
      
 27 
     | 
    
         
            +
              );
         
     | 
| 
      
 28 
     | 
    
         
            +
            }
         
     | 
| 
      
 29 
     | 
    
         
            +
            ```
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            A new page is now available at [http://localhost:3000/my-react-page](http://localhost:3000/my-react-page).
         
     | 
| 
      
 32 
     | 
    
         
            +
             
     | 
| 
      
 33 
     | 
    
         
            +
            ## Create your first Markdown Page
         
     | 
| 
      
 34 
     | 
    
         
            +
             
     | 
| 
      
 35 
     | 
    
         
            +
            Create a file at `src/pages/my-markdown-page.md`:
         
     | 
| 
      
 36 
     | 
    
         
            +
             
     | 
| 
      
 37 
     | 
    
         
            +
            ```mdx title="src/pages/my-markdown-page.md"
         
     | 
| 
      
 38 
     | 
    
         
            +
            # My Markdown page
         
     | 
| 
      
 39 
     | 
    
         
            +
             
     | 
| 
      
 40 
     | 
    
         
            +
            This is a Markdown page
         
     | 
| 
      
 41 
     | 
    
         
            +
            ```
         
     | 
| 
      
 42 
     | 
    
         
            +
             
     | 
| 
      
 43 
     | 
    
         
            +
            A new page is now available at [http://localhost:3000/my-markdown-page](http://localhost:3000/my-markdown-page).
         
     | 
| 
         @@ -0,0 +1,31 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 5
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Deploy your site
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Docusaurus is a **static-site-generator** (also called **[Jamstack](https://jamstack.org/)**).
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            It builds your site as simple **static HTML, JavaScript and CSS files**.
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            ## Build your site
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            Build your site **for production**:
         
     | 
| 
      
 14 
     | 
    
         
            +
             
     | 
| 
      
 15 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 16 
     | 
    
         
            +
            npm run build
         
     | 
| 
      
 17 
     | 
    
         
            +
            ```
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            The static files are generated in the `build` folder.
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
            ## Deploy your site
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            Test your production build locally:
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 26 
     | 
    
         
            +
            npm run serve
         
     | 
| 
      
 27 
     | 
    
         
            +
            ```
         
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            The `build` folder is now served at [http://localhost:3000/](http://localhost:3000/).
         
     | 
| 
      
 30 
     | 
    
         
            +
             
     | 
| 
      
 31 
     | 
    
         
            +
            You can now deploy the `build` folder **almost anywhere** easily, **for free** or very small cost (read the **[Deployment Guide](https://docusaurus.io/docs/deployment)**).
         
     | 
| 
         @@ -0,0 +1,152 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 4
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Markdown Features
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Docusaurus supports **[Markdown](https://daringfireball.net/projects/markdown/syntax)** and a few **additional features**.
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            ## Front Matter
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            Markdown documents have metadata at the top called [Front Matter](https://jekyllrb.com/docs/front-matter/):
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            ```text title="my-doc.md"
         
     | 
| 
      
 14 
     | 
    
         
            +
            // highlight-start
         
     | 
| 
      
 15 
     | 
    
         
            +
            ---
         
     | 
| 
      
 16 
     | 
    
         
            +
            id: my-doc-id
         
     | 
| 
      
 17 
     | 
    
         
            +
            title: My document title
         
     | 
| 
      
 18 
     | 
    
         
            +
            description: My document description
         
     | 
| 
      
 19 
     | 
    
         
            +
            slug: /my-custom-url
         
     | 
| 
      
 20 
     | 
    
         
            +
            ---
         
     | 
| 
      
 21 
     | 
    
         
            +
            // highlight-end
         
     | 
| 
      
 22 
     | 
    
         
            +
             
     | 
| 
      
 23 
     | 
    
         
            +
            ## Markdown heading
         
     | 
| 
      
 24 
     | 
    
         
            +
             
     | 
| 
      
 25 
     | 
    
         
            +
            Markdown text with [links](./hello.md)
         
     | 
| 
      
 26 
     | 
    
         
            +
            ```
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            ## Links
         
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
      
 30 
     | 
    
         
            +
            Regular Markdown links are supported, using url paths or relative file paths.
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            ```md
         
     | 
| 
      
 33 
     | 
    
         
            +
            Let's see how to [Create a page](/create-a-page).
         
     | 
| 
      
 34 
     | 
    
         
            +
            ```
         
     | 
| 
      
 35 
     | 
    
         
            +
             
     | 
| 
      
 36 
     | 
    
         
            +
            ```md
         
     | 
| 
      
 37 
     | 
    
         
            +
            Let's see how to [Create a page](./create-a-page.md).
         
     | 
| 
      
 38 
     | 
    
         
            +
            ```
         
     | 
| 
      
 39 
     | 
    
         
            +
             
     | 
| 
      
 40 
     | 
    
         
            +
            **Result:** Let's see how to [Create a page](./create-a-page.md).
         
     | 
| 
      
 41 
     | 
    
         
            +
             
     | 
| 
      
 42 
     | 
    
         
            +
            ## Images
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
            Regular Markdown images are supported.
         
     | 
| 
      
 45 
     | 
    
         
            +
             
     | 
| 
      
 46 
     | 
    
         
            +
            You can use absolute paths to reference images in the static directory (`static/img/docusaurus.png`):
         
     | 
| 
      
 47 
     | 
    
         
            +
             
     | 
| 
      
 48 
     | 
    
         
            +
            ```md
         
     | 
| 
      
 49 
     | 
    
         
            +
            
         
     | 
| 
      
 50 
     | 
    
         
            +
            ```
         
     | 
| 
      
 51 
     | 
    
         
            +
             
     | 
| 
      
 52 
     | 
    
         
            +
            
         
     | 
| 
      
 53 
     | 
    
         
            +
             
     | 
| 
      
 54 
     | 
    
         
            +
            You can reference images relative to the current file as well. This is particularly useful to colocate images close to the Markdown files using them:
         
     | 
| 
      
 55 
     | 
    
         
            +
             
     | 
| 
      
 56 
     | 
    
         
            +
            ```md
         
     | 
| 
      
 57 
     | 
    
         
            +
            
         
     | 
| 
      
 58 
     | 
    
         
            +
            ```
         
     | 
| 
      
 59 
     | 
    
         
            +
             
     | 
| 
      
 60 
     | 
    
         
            +
            ## Code Blocks
         
     | 
| 
      
 61 
     | 
    
         
            +
             
     | 
| 
      
 62 
     | 
    
         
            +
            Markdown code blocks are supported with Syntax highlighting.
         
     | 
| 
      
 63 
     | 
    
         
            +
             
     | 
| 
      
 64 
     | 
    
         
            +
            ````md
         
     | 
| 
      
 65 
     | 
    
         
            +
            ```jsx title="src/components/HelloDocusaurus.js"
         
     | 
| 
      
 66 
     | 
    
         
            +
            function HelloDocusaurus() {
         
     | 
| 
      
 67 
     | 
    
         
            +
              return <h1>Hello, Docusaurus!</h1>;
         
     | 
| 
      
 68 
     | 
    
         
            +
            }
         
     | 
| 
      
 69 
     | 
    
         
            +
            ```
         
     | 
| 
      
 70 
     | 
    
         
            +
            ````
         
     | 
| 
      
 71 
     | 
    
         
            +
             
     | 
| 
      
 72 
     | 
    
         
            +
            ```jsx title="src/components/HelloDocusaurus.js"
         
     | 
| 
      
 73 
     | 
    
         
            +
            function HelloDocusaurus() {
         
     | 
| 
      
 74 
     | 
    
         
            +
              return <h1>Hello, Docusaurus!</h1>;
         
     | 
| 
      
 75 
     | 
    
         
            +
            }
         
     | 
| 
      
 76 
     | 
    
         
            +
            ```
         
     | 
| 
      
 77 
     | 
    
         
            +
             
     | 
| 
      
 78 
     | 
    
         
            +
            ## Admonitions
         
     | 
| 
      
 79 
     | 
    
         
            +
             
     | 
| 
      
 80 
     | 
    
         
            +
            Docusaurus has a special syntax to create admonitions and callouts:
         
     | 
| 
      
 81 
     | 
    
         
            +
             
     | 
| 
      
 82 
     | 
    
         
            +
            ```md
         
     | 
| 
      
 83 
     | 
    
         
            +
            :::tip My tip
         
     | 
| 
      
 84 
     | 
    
         
            +
             
     | 
| 
      
 85 
     | 
    
         
            +
            Use this awesome feature option
         
     | 
| 
      
 86 
     | 
    
         
            +
             
     | 
| 
      
 87 
     | 
    
         
            +
            :::
         
     | 
| 
      
 88 
     | 
    
         
            +
             
     | 
| 
      
 89 
     | 
    
         
            +
            :::danger Take care
         
     | 
| 
      
 90 
     | 
    
         
            +
             
     | 
| 
      
 91 
     | 
    
         
            +
            This action is dangerous
         
     | 
| 
      
 92 
     | 
    
         
            +
             
     | 
| 
      
 93 
     | 
    
         
            +
            :::
         
     | 
| 
      
 94 
     | 
    
         
            +
            ```
         
     | 
| 
      
 95 
     | 
    
         
            +
             
     | 
| 
      
 96 
     | 
    
         
            +
            :::tip My tip
         
     | 
| 
      
 97 
     | 
    
         
            +
             
     | 
| 
      
 98 
     | 
    
         
            +
            Use this awesome feature option
         
     | 
| 
      
 99 
     | 
    
         
            +
             
     | 
| 
      
 100 
     | 
    
         
            +
            :::
         
     | 
| 
      
 101 
     | 
    
         
            +
             
     | 
| 
      
 102 
     | 
    
         
            +
            :::danger Take care
         
     | 
| 
      
 103 
     | 
    
         
            +
             
     | 
| 
      
 104 
     | 
    
         
            +
            This action is dangerous
         
     | 
| 
      
 105 
     | 
    
         
            +
             
     | 
| 
      
 106 
     | 
    
         
            +
            :::
         
     | 
| 
      
 107 
     | 
    
         
            +
             
     | 
| 
      
 108 
     | 
    
         
            +
            ## MDX and React Components
         
     | 
| 
      
 109 
     | 
    
         
            +
             
     | 
| 
      
 110 
     | 
    
         
            +
            [MDX](https://mdxjs.com/) can make your documentation more **interactive** and allows using any **React components inside Markdown**:
         
     | 
| 
      
 111 
     | 
    
         
            +
             
     | 
| 
      
 112 
     | 
    
         
            +
            ```jsx
         
     | 
| 
      
 113 
     | 
    
         
            +
            export const Highlight = ({children, color}) => (
         
     | 
| 
      
 114 
     | 
    
         
            +
              <span
         
     | 
| 
      
 115 
     | 
    
         
            +
                style={{
         
     | 
| 
      
 116 
     | 
    
         
            +
                  backgroundColor: color,
         
     | 
| 
      
 117 
     | 
    
         
            +
                  borderRadius: '20px',
         
     | 
| 
      
 118 
     | 
    
         
            +
                  color: '#fff',
         
     | 
| 
      
 119 
     | 
    
         
            +
                  padding: '10px',
         
     | 
| 
      
 120 
     | 
    
         
            +
                  cursor: 'pointer',
         
     | 
| 
      
 121 
     | 
    
         
            +
                }}
         
     | 
| 
      
 122 
     | 
    
         
            +
                onClick={() => {
         
     | 
| 
      
 123 
     | 
    
         
            +
                  alert(`You clicked the color ${color} with label ${children}`)
         
     | 
| 
      
 124 
     | 
    
         
            +
                }}>
         
     | 
| 
      
 125 
     | 
    
         
            +
                {children}
         
     | 
| 
      
 126 
     | 
    
         
            +
              </span>
         
     | 
| 
      
 127 
     | 
    
         
            +
            );
         
     | 
| 
      
 128 
     | 
    
         
            +
             
     | 
| 
      
 129 
     | 
    
         
            +
            This is <Highlight color="#25c2a0">Docusaurus green</Highlight> !
         
     | 
| 
      
 130 
     | 
    
         
            +
             
     | 
| 
      
 131 
     | 
    
         
            +
            This is <Highlight color="#1877F2">Facebook blue</Highlight> !
         
     | 
| 
      
 132 
     | 
    
         
            +
            ```
         
     | 
| 
      
 133 
     | 
    
         
            +
             
     | 
| 
      
 134 
     | 
    
         
            +
            export const Highlight = ({children, color}) => (
         
     | 
| 
      
 135 
     | 
    
         
            +
              <span
         
     | 
| 
      
 136 
     | 
    
         
            +
                style={{
         
     | 
| 
      
 137 
     | 
    
         
            +
                  backgroundColor: color,
         
     | 
| 
      
 138 
     | 
    
         
            +
                  borderRadius: '20px',
         
     | 
| 
      
 139 
     | 
    
         
            +
                  color: '#fff',
         
     | 
| 
      
 140 
     | 
    
         
            +
                  padding: '10px',
         
     | 
| 
      
 141 
     | 
    
         
            +
                  cursor: 'pointer',
         
     | 
| 
      
 142 
     | 
    
         
            +
                }}
         
     | 
| 
      
 143 
     | 
    
         
            +
                onClick={() => {
         
     | 
| 
      
 144 
     | 
    
         
            +
                  alert(`You clicked the color ${color} with label ${children}`);
         
     | 
| 
      
 145 
     | 
    
         
            +
                }}>
         
     | 
| 
      
 146 
     | 
    
         
            +
                {children}
         
     | 
| 
      
 147 
     | 
    
         
            +
              </span>
         
     | 
| 
      
 148 
     | 
    
         
            +
            );
         
     | 
| 
      
 149 
     | 
    
         
            +
             
     | 
| 
      
 150 
     | 
    
         
            +
            This is <Highlight color="#25c2a0">Docusaurus green</Highlight> !
         
     | 
| 
      
 151 
     | 
    
         
            +
             
     | 
| 
      
 152 
     | 
    
         
            +
            This is <Highlight color="#1877F2">Facebook blue</Highlight> !
         
     | 
| 
         Binary file 
     | 
| 
         Binary file 
     | 
| 
         @@ -0,0 +1,55 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 1
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Manage Docs Versions
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Docusaurus can manage multiple versions of your docs.
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            ## Create a docs version
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            Release a version 1.0 of your project:
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 14 
     | 
    
         
            +
            npm run docusaurus docs:version 1.0
         
     | 
| 
      
 15 
     | 
    
         
            +
            ```
         
     | 
| 
      
 16 
     | 
    
         
            +
             
     | 
| 
      
 17 
     | 
    
         
            +
            The `docs` folder is copied into `versioned_docs/version-1.0` and `versions.json` is created.
         
     | 
| 
      
 18 
     | 
    
         
            +
             
     | 
| 
      
 19 
     | 
    
         
            +
            Your docs now have 2 versions:
         
     | 
| 
      
 20 
     | 
    
         
            +
             
     | 
| 
      
 21 
     | 
    
         
            +
            - `1.0` at `http://localhost:3000/docs/` for the version 1.0 docs
         
     | 
| 
      
 22 
     | 
    
         
            +
            - `current` at `http://localhost:3000/docs/next/` for the **upcoming, unreleased docs**
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
      
 24 
     | 
    
         
            +
            ## Add a Version Dropdown
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
            To navigate seamlessly across versions, add a version dropdown.
         
     | 
| 
      
 27 
     | 
    
         
            +
             
     | 
| 
      
 28 
     | 
    
         
            +
            Modify the `docusaurus.config.js` file:
         
     | 
| 
      
 29 
     | 
    
         
            +
             
     | 
| 
      
 30 
     | 
    
         
            +
            ```js title="docusaurus.config.js"
         
     | 
| 
      
 31 
     | 
    
         
            +
            export default {
         
     | 
| 
      
 32 
     | 
    
         
            +
              themeConfig: {
         
     | 
| 
      
 33 
     | 
    
         
            +
                navbar: {
         
     | 
| 
      
 34 
     | 
    
         
            +
                  items: [
         
     | 
| 
      
 35 
     | 
    
         
            +
                    // highlight-start
         
     | 
| 
      
 36 
     | 
    
         
            +
                    {
         
     | 
| 
      
 37 
     | 
    
         
            +
                      type: 'docsVersionDropdown',
         
     | 
| 
      
 38 
     | 
    
         
            +
                    },
         
     | 
| 
      
 39 
     | 
    
         
            +
                    // highlight-end
         
     | 
| 
      
 40 
     | 
    
         
            +
                  ],
         
     | 
| 
      
 41 
     | 
    
         
            +
                },
         
     | 
| 
      
 42 
     | 
    
         
            +
              },
         
     | 
| 
      
 43 
     | 
    
         
            +
            };
         
     | 
| 
      
 44 
     | 
    
         
            +
            ```
         
     | 
| 
      
 45 
     | 
    
         
            +
             
     | 
| 
      
 46 
     | 
    
         
            +
            The docs version dropdown appears in your navbar:
         
     | 
| 
      
 47 
     | 
    
         
            +
             
     | 
| 
      
 48 
     | 
    
         
            +
            
         
     | 
| 
      
 49 
     | 
    
         
            +
             
     | 
| 
      
 50 
     | 
    
         
            +
            ## Update an existing version
         
     | 
| 
      
 51 
     | 
    
         
            +
             
     | 
| 
      
 52 
     | 
    
         
            +
            It is possible to edit versioned docs in their respective folder:
         
     | 
| 
      
 53 
     | 
    
         
            +
             
     | 
| 
      
 54 
     | 
    
         
            +
            - `versioned_docs/version-1.0/hello.md` updates `http://localhost:3000/docs/hello`
         
     | 
| 
      
 55 
     | 
    
         
            +
            - `docs/hello.md` updates `http://localhost:3000/docs/next/hello`
         
     | 
| 
         @@ -0,0 +1,88 @@ 
     | 
|
| 
      
 1 
     | 
    
         
            +
            ---
         
     | 
| 
      
 2 
     | 
    
         
            +
            sidebar_position: 2
         
     | 
| 
      
 3 
     | 
    
         
            +
            ---
         
     | 
| 
      
 4 
     | 
    
         
            +
             
     | 
| 
      
 5 
     | 
    
         
            +
            # Translate your site
         
     | 
| 
      
 6 
     | 
    
         
            +
             
     | 
| 
      
 7 
     | 
    
         
            +
            Let's translate `docs/intro.md` to French.
         
     | 
| 
      
 8 
     | 
    
         
            +
             
     | 
| 
      
 9 
     | 
    
         
            +
            ## Configure i18n
         
     | 
| 
      
 10 
     | 
    
         
            +
             
     | 
| 
      
 11 
     | 
    
         
            +
            Modify `docusaurus.config.js` to add support for the `fr` locale:
         
     | 
| 
      
 12 
     | 
    
         
            +
             
     | 
| 
      
 13 
     | 
    
         
            +
            ```js title="docusaurus.config.js"
         
     | 
| 
      
 14 
     | 
    
         
            +
            export default {
         
     | 
| 
      
 15 
     | 
    
         
            +
              i18n: {
         
     | 
| 
      
 16 
     | 
    
         
            +
                defaultLocale: 'en',
         
     | 
| 
      
 17 
     | 
    
         
            +
                locales: ['en', 'fr'],
         
     | 
| 
      
 18 
     | 
    
         
            +
              },
         
     | 
| 
      
 19 
     | 
    
         
            +
            };
         
     | 
| 
      
 20 
     | 
    
         
            +
            ```
         
     | 
| 
      
 21 
     | 
    
         
            +
             
     | 
| 
      
 22 
     | 
    
         
            +
            ## Translate a doc
         
     | 
| 
      
 23 
     | 
    
         
            +
             
     | 
| 
      
 24 
     | 
    
         
            +
            Copy the `docs/intro.md` file to the `i18n/fr` folder:
         
     | 
| 
      
 25 
     | 
    
         
            +
             
     | 
| 
      
 26 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 27 
     | 
    
         
            +
            mkdir -p i18n/fr/docusaurus-plugin-content-docs/current/
         
     | 
| 
      
 28 
     | 
    
         
            +
             
     | 
| 
      
 29 
     | 
    
         
            +
            cp docs/intro.md i18n/fr/docusaurus-plugin-content-docs/current/intro.md
         
     | 
| 
      
 30 
     | 
    
         
            +
            ```
         
     | 
| 
      
 31 
     | 
    
         
            +
             
     | 
| 
      
 32 
     | 
    
         
            +
            Translate `i18n/fr/docusaurus-plugin-content-docs/current/intro.md` in French.
         
     | 
| 
      
 33 
     | 
    
         
            +
             
     | 
| 
      
 34 
     | 
    
         
            +
            ## Start your localized site
         
     | 
| 
      
 35 
     | 
    
         
            +
             
     | 
| 
      
 36 
     | 
    
         
            +
            Start your site on the French locale:
         
     | 
| 
      
 37 
     | 
    
         
            +
             
     | 
| 
      
 38 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 39 
     | 
    
         
            +
            npm run start -- --locale fr
         
     | 
| 
      
 40 
     | 
    
         
            +
            ```
         
     | 
| 
      
 41 
     | 
    
         
            +
             
     | 
| 
      
 42 
     | 
    
         
            +
            Your localized site is accessible at [http://localhost:3000/fr/](http://localhost:3000/fr/) and the `Getting Started` page is translated.
         
     | 
| 
      
 43 
     | 
    
         
            +
             
     | 
| 
      
 44 
     | 
    
         
            +
            :::caution
         
     | 
| 
      
 45 
     | 
    
         
            +
             
     | 
| 
      
 46 
     | 
    
         
            +
            In development, you can only use one locale at a time.
         
     | 
| 
      
 47 
     | 
    
         
            +
             
     | 
| 
      
 48 
     | 
    
         
            +
            :::
         
     | 
| 
      
 49 
     | 
    
         
            +
             
     | 
| 
      
 50 
     | 
    
         
            +
            ## Add a Locale Dropdown
         
     | 
| 
      
 51 
     | 
    
         
            +
             
     | 
| 
      
 52 
     | 
    
         
            +
            To navigate seamlessly across languages, add a locale dropdown.
         
     | 
| 
      
 53 
     | 
    
         
            +
             
     | 
| 
      
 54 
     | 
    
         
            +
            Modify the `docusaurus.config.js` file:
         
     | 
| 
      
 55 
     | 
    
         
            +
             
     | 
| 
      
 56 
     | 
    
         
            +
            ```js title="docusaurus.config.js"
         
     | 
| 
      
 57 
     | 
    
         
            +
            export default {
         
     | 
| 
      
 58 
     | 
    
         
            +
              themeConfig: {
         
     | 
| 
      
 59 
     | 
    
         
            +
                navbar: {
         
     | 
| 
      
 60 
     | 
    
         
            +
                  items: [
         
     | 
| 
      
 61 
     | 
    
         
            +
                    // highlight-start
         
     | 
| 
      
 62 
     | 
    
         
            +
                    {
         
     | 
| 
      
 63 
     | 
    
         
            +
                      type: 'localeDropdown',
         
     | 
| 
      
 64 
     | 
    
         
            +
                    },
         
     | 
| 
      
 65 
     | 
    
         
            +
                    // highlight-end
         
     | 
| 
      
 66 
     | 
    
         
            +
                  ],
         
     | 
| 
      
 67 
     | 
    
         
            +
                },
         
     | 
| 
      
 68 
     | 
    
         
            +
              },
         
     | 
| 
      
 69 
     | 
    
         
            +
            };
         
     | 
| 
      
 70 
     | 
    
         
            +
            ```
         
     | 
| 
      
 71 
     | 
    
         
            +
             
     | 
| 
      
 72 
     | 
    
         
            +
            The locale dropdown now appears in your navbar:
         
     | 
| 
      
 73 
     | 
    
         
            +
             
     | 
| 
      
 74 
     | 
    
         
            +
            
         
     | 
| 
      
 75 
     | 
    
         
            +
             
     | 
| 
      
 76 
     | 
    
         
            +
            ## Build your localized site
         
     | 
| 
      
 77 
     | 
    
         
            +
             
     | 
| 
      
 78 
     | 
    
         
            +
            Build your site for a specific locale:
         
     | 
| 
      
 79 
     | 
    
         
            +
             
     | 
| 
      
 80 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 81 
     | 
    
         
            +
            npm run build -- --locale fr
         
     | 
| 
      
 82 
     | 
    
         
            +
            ```
         
     | 
| 
      
 83 
     | 
    
         
            +
             
     | 
| 
      
 84 
     | 
    
         
            +
            Or build your site to include all the locales at once:
         
     | 
| 
      
 85 
     | 
    
         
            +
             
     | 
| 
      
 86 
     | 
    
         
            +
            ```bash
         
     | 
| 
      
 87 
     | 
    
         
            +
            npm run build
         
     | 
| 
      
 88 
     | 
    
         
            +
            ```
         
     |