src Directory

As an alternative to having the special Nextra content directory and mdx-components file in the root of your project, Nextra also supports the common pattern of placing application code under the src directory.

This separates application code from project configuration files which mostly live in the root of a project, which is preferred by some individuals and teams.

To use the src directory, move the content directory and mdx-components file to src/content or src/mdx-components respectively.

Without src directory

• your-project
  • app
    • [[...mdxPath]]
      • page.jsx
    • layout.jsx
  • content
    • index.mdx
  • mdx-components.js
  • next.config.js
  • package.json

With src directory

• your-project
  • src
    • app
      • [[...mdxPath]]
        • page.jsx
      • layout.jsx
    • content
      • index.mdx
    • mdx-components.js
  • next.config.js
  • package.json