> ## Documentation Index
> Fetch the complete documentation index at: https://omer-914cc1c6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Managing content

> Create, edit, and organize your documentation pages

## Navigating your files

Use the sidebar file explorer to browse your documentation files. Click on any file to open it in the editor.

Press <kbd>Command</kbd> + <kbd>P</kbd> (<kbd>Ctrl</kbd> + <kbd>P</kbd> on Windows) to search for files by name.

## Creating new pages

<Steps>
  <Step title="Create a new file">
    Select the **Create a new file** icon in the file explorer sidebar.

    <img
      src="https://mintcdn.com/omer-914cc1c6/AiL60EGGBeap42Y0/images/editor/files-menu-light.png?fit=max&auto=format&n=AiL60EGGBeap42Y0&q=85&s=2c0ddd6639a2f60a559fb061a41d60bc"
      className="block dark:hidden rounded-2xl border border-gray-100 shadow-lg"
      style={{
    width: '268px',
    height: 'auto',
  }}
      alt="Files menu in the web editor"
      width="688"
      height="130"
      data-path="images/editor/files-menu-light.png"
    />

    <img
      src="https://mintcdn.com/omer-914cc1c6/AiL60EGGBeap42Y0/images/editor/files-menu-dark.png?fit=max&auto=format&n=AiL60EGGBeap42Y0&q=85&s=ec486b7f19ea7982a97dcb78db273118"
      className="hidden dark:block rounded-2xl border border-white/10 shadow-lg"
      style={{
    width: '268px',
    height: 'auto',
  }}
      alt="Files menu in the web editor in dark mode"
      width="690"
      height="132"
      data-path="images/editor/files-menu-dark.png"
    />
  </Step>

  <Step title="Enter a filename">
    Filenames must end in `.mdx`. For example, `api-reference.mdx` or `getting-started.mdx`.
  </Step>

  <Step title="Create and open">
    Press <kbd>Enter</kbd> to create the file. It will open automatically in the editor, ready for content to be added.
  </Step>
</Steps>

## Organizing your navigation

Add new pages to your site navigation by editing your `docs.json` file.

<Steps>
  <Step title="Open docs.json">
    Find and open the `docs.json` file in your root directory using the file explorer.
  </Step>

  <Step title="Locate the navigation section">
    Find the spot in the `docs.json` file where you want to add your new page.
  </Step>

  <Step title="Add your page">
    Insert your page filename (without the `.mdx` extension) in the appropriate group's `pages` array.
  </Step>
</Steps>

### Example: Adding a themes page

```json title="Adding a themes page to the Profile group" highlight="18" theme={null}
{
    "navigation": {
        "groups": [
            {
                "group": "Getting started",
                "pages": [
                    "index",
                    "quickstart", 
                    "installation"
                ]
            },
            {
                "group": "Profile",
                "pages": [
                    "settings",
                    "account-types", 
                    "dashboard",
                    "themes"
                ]
            }
        ]
    }
}
```

## Editing content

Make changes to your pages using visual mode or Markdown mode in the editor.

In visual mode, press <kbd>/</kbd> to open the component menu. Add content blocks, callouts, code blocks, and other components to customize your documentation.

<Frame>
  <img src="https://mintcdn.com/omer-914cc1c6/AiL60EGGBeap42Y0/images/editor/component-menu-light.png?fit=max&auto=format&n=AiL60EGGBeap42Y0&q=85&s=372eed2f50c617c7f3d7da5fd148324a" alt="The unfurled component menu emphasized in the Mintlify web editor" className="block dark:hidden" width="3024" height="1592" data-path="images/editor/component-menu-light.png" />

  <img src="https://mintcdn.com/omer-914cc1c6/AiL60EGGBeap42Y0/images/editor/component-menu-dark.png?fit=max&auto=format&n=AiL60EGGBeap42Y0&q=85&s=9320c79260f6fb630441d0c0b0b448d1" alt="The unfurled component menu emphasized in the Mintlify web editor" className="hidden dark:block" width="3018" height="1592" data-path="images/editor/component-menu-dark.png" />
</Frame>

In Markdown mode, you can directly edit the `MDX` of your pages. This can be helpful when you need to:

* Set specific component properties
* Work with complex nested components
* Copy and paste `MDX` content from other sources