diff --git a/.changeset/slimy-ghosts-develop.md b/.changeset/slimy-ghosts-develop.md
new file mode 100644
index 0000000000..b160ca18f3
--- /dev/null
+++ b/.changeset/slimy-ghosts-develop.md
@@ -0,0 +1,9 @@
+---
+'nextra-theme-blog': patch
+'nextra-theme-docs': patch
+'nextra': patch
+---
+
+- fix missing tailwind class for `json` icon in code blocks
+- capitalize folders in sidebar even without index pages
+- sync with nextra 3.2.4
diff --git a/docs/mdx-components.ts b/docs/mdx-components.ts
index 39e51bab37..c8a8d9425d 100644
--- a/docs/mdx-components.ts
+++ b/docs/mdx-components.ts
@@ -1 +1,8 @@
-export { useMDXComponents } from 'nextra-theme-docs'
+import { useMDXComponents as getDocsMDXComponents } from 'nextra-theme-docs'
+
+const docsComponents = getDocsMDXComponents()
+
+export const useMDXComponents: typeof getDocsMDXComponents = components => ({
+  ...docsComponents,
+  ...components
+})
diff --git a/examples/docs/mdx-components.js b/examples/docs/mdx-components.js
index 39e51bab37..9dcb3cac5b 100644
--- a/examples/docs/mdx-components.js
+++ b/examples/docs/mdx-components.js
@@ -1 +1,8 @@
-export { useMDXComponents } from 'nextra-theme-docs'
+import { useMDXComponents as getDocsMDXComponents } from 'nextra-theme-docs'
+
+const docsComponents = getDocsMDXComponents()
+
+export const useMDXComponents = components => ({
+  ...docsComponents,
+  ...components
+})
diff --git a/examples/docs/src/app/docs/[[...mdxPath]]/page.jsx b/examples/docs/src/app/docs/[[...mdxPath]]/page.jsx
index cd871918c2..73ba427b4e 100644
--- a/examples/docs/src/app/docs/[[...mdxPath]]/page.jsx
+++ b/examples/docs/src/app/docs/[[...mdxPath]]/page.jsx
@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/rules-of-hooks -- false positive, useMDXComponents are not react hooks */
 
-import { useMDXComponents } from 'nextra-theme-docs'
 import { generateStaticParamsFor, importPage } from 'nextra/pages'
+import { useMDXComponents } from '../../../../mdx-components'
 
 export const generateStaticParams = generateStaticParamsFor('mdxPath')
 
diff --git a/examples/docs/src/content/_meta.js b/examples/docs/src/content/_meta.js
index b01fed3b76..6bf0716436 100644
--- a/examples/docs/src/content/_meta.js
+++ b/examples/docs/src/content/_meta.js
@@ -1,7 +1,7 @@
 export default {
   index: '',
   'get-started': '',
-  features: 'Features',
-  themes: 'Themes',
-  advanced: 'Advanced'
+  features: '',
+  themes: '',
+  advanced: ''
 }
diff --git a/packages/nextra-theme-docs/src/components/sidebar.tsx b/packages/nextra-theme-docs/src/components/sidebar.tsx
index 8c019f13ce..16072154d7 100644
--- a/packages/nextra-theme-docs/src/components/sidebar.tsx
+++ b/packages/nextra-theme-docs/src/components/sidebar.tsx
@@ -272,10 +272,7 @@ const Menu = forwardRef<HTMLUListElement, MenuProps>(
     <ul className={cn(classes.list, className)} ref={forwardedRef}>
       {directories.map(item => {
         const ComponentToUse =
-          item.type === 'menu' ||
-          (item.children && (item.children.length || !('frontMatter' in item)))
-            ? Folder
-            : File
+          item.type === 'menu' || item.children?.length ? Folder : File
 
         return (
           <ComponentToUse
diff --git a/packages/nextra-theme-docs/tailwind.config.ts b/packages/nextra-theme-docs/tailwind.config.ts
index 98a48ae109..bdc06cf91b 100644
--- a/packages/nextra-theme-docs/tailwind.config.ts
+++ b/packages/nextra-theme-docs/tailwind.config.ts
@@ -15,7 +15,7 @@ export default {
   content: [
     './src/**/*.{ts,tsx}',
     '../nextra/src/client/icons/*.svg',
-    '../nextra/src/client/{components,mdx-components}/**/*.tsx'
+    '../nextra/src/client/{components,hocs,mdx-components}/**/*.tsx'
   ],
   theme: {
     screens: {
diff --git a/packages/nextra/src/client/components/index.ts b/packages/nextra/src/client/components/index.ts
index a0089238f6..b9f8b8ccf2 100644
--- a/packages/nextra/src/client/components/index.ts
+++ b/packages/nextra/src/client/components/index.ts
@@ -14,6 +14,6 @@ export { Playground } from './playground.js'
 export { Search } from './search.js'
 export { Select } from './select.js'
 export { Steps } from './steps.js'
-export * from '../with/index.js'
+export * from '../hocs/index.js'
 export { Mermaid } from '@theguild/remark-mermaid/mermaid'
 export * from '../mdx-components/index.js'
diff --git a/packages/nextra/src/client/components/playground.tsx b/packages/nextra/src/client/components/playground.tsx
index 16e9284352..5f0fe0dda9 100644
--- a/packages/nextra/src/client/components/playground.tsx
+++ b/packages/nextra/src/client/components/playground.tsx
@@ -64,8 +64,8 @@ export const Playground: FC<
   if (compiledSource) {
     // `<MDXRemote>` cannot be used here because `useMDXComponents` may include components that
     // are only available on the server.
-    const MDXContent = evaluate(compiledSource, scope).default
-    return <MDXContent components={components} />
+    const MDXContent = evaluate(compiledSource, scope, components).default
+    return <MDXContent />
   }
 
   return fallback
diff --git a/packages/nextra/src/client/evaluate.ts b/packages/nextra/src/client/evaluate.ts
index 05f88cabd4..0d00e8f449 100644
--- a/packages/nextra/src/client/evaluate.ts
+++ b/packages/nextra/src/client/evaluate.ts
@@ -1,13 +1,17 @@
-import { useMDXComponents } from 'next-mdx-import-source-file'
 import jsxDevRuntime from 'react/jsx-dev-runtime'
 import jsxRuntime from 'react/jsx-runtime'
+import type { MDXComponents } from './mdx-components.js'
 
 const runtime =
   process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime
 
 export type Scope = Record<string, unknown>
 
-export function evaluate(rawJs: string, scope: Scope = {}) {
+export function evaluate(
+  rawJs: string,
+  scope: Scope = {},
+  components?: MDXComponents
+) {
   // if we're ready to render, we can assemble the component tree and let React do its thing
   // first we set up the scope which has to include the mdx custom
   // create element function as well as any components we're using
@@ -20,5 +24,12 @@ export function evaluate(rawJs: string, scope: Scope = {}) {
   // function with the actual values.
   const hydrateFn = Reflect.construct(Function, ['$', ...keys, rawJs])
 
-  return hydrateFn({ ...runtime, useMDXComponents }, ...values)
+  return hydrateFn(
+    {
+      ...runtime,
+      // Inject components in `<MDXContent>` and TOC
+      useMDXComponents: () => components
+    },
+    ...values
+  )
 }
diff --git a/packages/nextra/src/client/with/index.ts b/packages/nextra/src/client/hocs/index.ts
similarity index 100%
rename from packages/nextra/src/client/with/index.ts
rename to packages/nextra/src/client/hocs/index.ts
diff --git a/packages/nextra/src/client/with/with-github-alert.tsx b/packages/nextra/src/client/hocs/with-github-alert.tsx
similarity index 100%
rename from packages/nextra/src/client/with/with-github-alert.tsx
rename to packages/nextra/src/client/hocs/with-github-alert.tsx
diff --git a/packages/nextra/src/client/with/with-icons.tsx b/packages/nextra/src/client/hocs/with-icons.tsx
similarity index 100%
rename from packages/nextra/src/client/with/with-icons.tsx
rename to packages/nextra/src/client/hocs/with-icons.tsx
diff --git a/packages/nextra/src/client/mdx-components/anchor.tsx b/packages/nextra/src/client/mdx-components/anchor.tsx
index c1a3215559..e3d62a6748 100644
--- a/packages/nextra/src/client/mdx-components/anchor.tsx
+++ b/packages/nextra/src/client/mdx-components/anchor.tsx
@@ -8,9 +8,9 @@ export const Anchor: FC<ComponentPropsWithoutRef<'a'>> = ({
   href = '',
   ...props
 }) => {
+  props.className = cn('focus-visible:nextra-focus', props.className)
   if (EXTERNAL_URL_RE.test(href)) {
     const { children } = props
-    props.className = cn('focus-visible:nextra-focus', props.className)
     return (
       <a href={href} target="_blank" rel="noreferrer" {...props}>
         {children}
diff --git a/packages/nextra/src/client/normalize-pages.ts b/packages/nextra/src/client/normalize-pages.ts
index 44b2ac3629..7ab4e86648 100644
--- a/packages/nextra/src/client/normalize-pages.ts
+++ b/packages/nextra/src/client/normalize-pages.ts
@@ -162,7 +162,8 @@ export function normalizePages({
       extendedMeta.title ||
       currentItem.frontMatter?.sidebarTitle ||
       currentItem.frontMatter?.title ||
-      (type === 'separator' ? '' : currentItem.name)
+      // @ts-expect-error -- we use title for capitalize folders without index page
+      (type === 'separator' ? '' : currentItem.title || currentItem.name)
 
     const getItem = (): Item => ({
       ...currentItem,
diff --git a/packages/nextra/src/server/__tests__/normalize.test.ts b/packages/nextra/src/server/__tests__/normalize.test.ts
index ccd7a70179..b67db146eb 100644
--- a/packages/nextra/src/server/__tests__/normalize.test.ts
+++ b/packages/nextra/src/server/__tests__/normalize.test.ts
@@ -39,10 +39,12 @@ describe('normalize-page', () => {
       {
         name: '1-level',
         route: '/1-level',
+        title: '1 Level',
         children: [
           {
             name: '2-level',
             route: '/1-level/2-level',
+            title: '2 Level',
             children: [
               {
                 data: {
@@ -102,6 +104,7 @@ describe('normalize-page', () => {
       {
         name: '1-level',
         route: '/1-level',
+        title: '1 Level',
         children: [
           {
             data: {
@@ -217,14 +220,14 @@ describe('normalize-page', () => {
               "isUnderCurrentDocsTree": true,
               "name": "two",
               "route": "/one/two",
-              "title": "two",
+              "title": "Two",
               "type": "doc",
             },
           ],
           "isUnderCurrentDocsTree": true,
           "name": "one",
           "route": "/one",
-          "title": "one",
+          "title": "One",
           "type": "doc",
         },
       ]
@@ -364,7 +367,7 @@ describe('normalize-page', () => {
           asIndexPage: true
         },
         type: 'doc',
-        title: 'themes',
+        title: 'Themes',
         isUnderCurrentDocsTree: true
       },
       {
@@ -384,7 +387,7 @@ describe('normalize-page', () => {
           asIndexPage: true
         },
         type: 'doc',
-        title: 'themes-test',
+        title: 'Themes Test',
         isUnderCurrentDocsTree: true
       }
     ])
diff --git a/packages/nextra/src/server/__tests__/page-map.test.ts b/packages/nextra/src/server/__tests__/page-map.test.ts
index 3b9aec0f80..b70f16d5b0 100644
--- a/packages/nextra/src/server/__tests__/page-map.test.ts
+++ b/packages/nextra/src/server/__tests__/page-map.test.ts
@@ -38,6 +38,7 @@ describe('Page Process', () => {
           ],
           "name": "docs",
           "route": "/docs",
+          "title": "Docs",
         },
         {
           "frontMatter": undefined,
diff --git a/packages/nextra/src/server/__tests__/to-page-map.test.ts b/packages/nextra/src/server/__tests__/to-page-map.test.ts
index 22bd707cce..07bdfe9665 100644
--- a/packages/nextra/src/server/__tests__/to-page-map.test.ts
+++ b/packages/nextra/src/server/__tests__/to-page-map.test.ts
@@ -143,11 +143,6 @@ describe('generatePageMap()', () => {
     `)
     expect(pageMap).toMatchInlineSnapshot(`
       [
-        {
-          "__pagePath": "app/page.tsx",
-          "name": "index",
-          "route": "/",
-        },
         {
           "__pagePath": "app/about/page.mdx",
           "name": "about",
@@ -440,6 +435,11 @@ describe('generatePageMap()', () => {
           "name": "docs",
           "route": "/docs",
         },
+        {
+          "__pagePath": "app/page.tsx",
+          "name": "index",
+          "route": "/",
+        },
         {
           "__pagePath": "app/showcase/page.mdx",
           "name": "showcase",
@@ -459,306 +459,306 @@ describe('generatePageMap()', () => {
 
     expect(convertPageMapToJs({ pageMap, mdxPages, globalMetaPath }))
       .toMatchInlineSnapshot(`
-      "import { normalizePageMap, mergeMetaWithPageMap } from 'nextra/page-map'
-      import globalMeta from 'private-next-root-dir/app/_meta.global.ts'
-      import {metadata as app_page} from "private-next-root-dir/app/page.tsx";
-      import {metadata as app_about_page} from "private-next-root-dir/app/about/page.mdx?metadata";
-      import {metadata as app_blog_page} from "private-next-root-dir/app/blog/page.mdx?metadata";
-      import {metadata as app_docs_advanced_customize_the_cascade_layers_page} from "private-next-root-dir/app/docs/advanced/customize-the-cascade-layers/page.mdx?metadata";
-      import {metadata as app_docs_advanced_latex_page} from "private-next-root-dir/app/docs/advanced/latex/page.mdx?metadata";
-      import {metadata as app_docs_advanced_mermaid_page} from "private-next-root-dir/app/docs/advanced/mermaid/page.mdx?metadata";
-      import {metadata as app_docs_advanced_npm2yarn_page} from "private-next-root-dir/app/docs/advanced/npm2yarn/page.mdx?metadata";
-      import {metadata as app_docs_advanced_page} from "private-next-root-dir/app/docs/advanced/page.mdx?metadata";
-      import {metadata as app_docs_advanced_playground_page} from "private-next-root-dir/app/docs/advanced/playground/page.mdx?metadata";
-      import {metadata as app_docs_advanced_remote_page} from "private-next-root-dir/app/docs/advanced/remote/page.mdx?metadata";
-      import {metadata as app_docs_advanced_table_page} from "private-next-root-dir/app/docs/advanced/table/page.mdx?metadata";
-      import {metadata as app_docs_advanced_tailwind_css_page} from "private-next-root-dir/app/docs/advanced/tailwind-css/page.mdx?metadata";
-      import {metadata as app_docs_advanced_twoslash_page} from "private-next-root-dir/app/docs/advanced/twoslash/page.mdx?metadata";
-      import {metadata as app_docs_advanced_typescript_page} from "private-next-root-dir/app/docs/advanced/typescript/page.mdx?metadata";
-      import {metadata as app_docs_blog_theme_page} from "private-next-root-dir/app/docs/blog-theme/page.mdx?metadata";
-      import {metadata as app_docs_blog_theme_start_page} from "private-next-root-dir/app/docs/blog-theme/start/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_banner_page} from "private-next-root-dir/app/docs/built-ins/banner/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_bleed_page} from "private-next-root-dir/app/docs/built-ins/bleed/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_callout_page} from "private-next-root-dir/app/docs/built-ins/callout/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_cards_page} from "private-next-root-dir/app/docs/built-ins/cards/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_filetree_page} from "private-next-root-dir/app/docs/built-ins/filetree/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_head_page} from "private-next-root-dir/app/docs/built-ins/head/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_page} from "private-next-root-dir/app/docs/built-ins/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_search_page} from "private-next-root-dir/app/docs/built-ins/search/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_steps_page} from "private-next-root-dir/app/docs/built-ins/steps/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_table_page} from "private-next-root-dir/app/docs/built-ins/table/page.mdx?metadata";
-      import {metadata as app_docs_built_ins_tabs_page} from "private-next-root-dir/app/docs/built-ins/tabs/page.mdx?metadata";
-      import {metadata as app_docs_custom_theme_page} from "private-next-root-dir/app/docs/custom-theme/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_api_page} from "private-next-root-dir/app/docs/docs-theme/api/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_built_ins_footer_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/footer/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_built_ins_layout_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/layout/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_built_ins_navbar_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/navbar/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_built_ins_not_found_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/not-found/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_built_ins_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_page_configuration_page} from "private-next-root-dir/app/docs/docs-theme/page-configuration/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_page} from "private-next-root-dir/app/docs/docs-theme/page.mdx?metadata";
-      import {metadata as app_docs_docs_theme_start_page} from "private-next-root-dir/app/docs/docs-theme/start/page.mdx?metadata";
-      import {metadata as app_docs_guide_custom_css_page} from "private-next-root-dir/app/docs/guide/custom-css/page.mdx?metadata";
-      import {metadata as app_docs_guide_github_alert_syntax_page} from "private-next-root-dir/app/docs/guide/github-alert-syntax/page.mdx?metadata";
-      import {metadata as app_docs_guide_i18n_page} from "private-next-root-dir/app/docs/guide/i18n/page.mdx?metadata";
-      import {metadata as app_docs_guide_image_page} from "private-next-root-dir/app/docs/guide/image/page.mdx?metadata";
-      import {metadata as app_docs_guide_link_page} from "private-next-root-dir/app/docs/guide/link/page.mdx?metadata";
-      import {metadata as app_docs_guide_markdown_page} from "private-next-root-dir/app/docs/guide/markdown/page.mdx?metadata";
-      import {metadata as app_docs_guide_organize_files_page} from "private-next-root-dir/app/docs/guide/organize-files/page.mdx?metadata";
-      import {metadata as app_docs_guide_page} from "private-next-root-dir/app/docs/guide/page.mdx?metadata";
-      import {metadata as app_docs_guide_search_page} from "private-next-root-dir/app/docs/guide/search/page.mdx?metadata";
-      import {metadata as app_docs_guide_ssg_page} from "private-next-root-dir/app/docs/guide/ssg/page.mdx?metadata";
-      import {metadata as app_docs_guide_static_exports_page} from "private-next-root-dir/app/docs/guide/static-exports/page.mdx?metadata";
-      import {metadata as app_docs_guide_syntax_highlighting_page} from "private-next-root-dir/app/docs/guide/syntax-highlighting/page.mdx?metadata";
-      import {metadata as app_docs_guide_turbopack_page} from "private-next-root-dir/app/docs/guide/turbopack/page.mdx?metadata";
-      import {metadata as app_docs_page} from "private-next-root-dir/app/docs/page.mdx?metadata";
-      import {metadata as app_showcase_page} from "private-next-root-dir/app/showcase/page.mdx?metadata";
-      import {metadata as app_sponsors_page} from "private-next-root-dir/app/sponsors/page.mdx?metadata";
+        "import { normalizePageMap, mergeMetaWithPageMap } from 'nextra/page-map'
+        import globalMeta from 'private-next-root-dir/app/_meta.global.ts'
+        import {metadata as app_about_page} from "private-next-root-dir/app/about/page.mdx?metadata";
+        import {metadata as app_blog_page} from "private-next-root-dir/app/blog/page.mdx?metadata";
+        import {metadata as app_docs_advanced_customize_the_cascade_layers_page} from "private-next-root-dir/app/docs/advanced/customize-the-cascade-layers/page.mdx?metadata";
+        import {metadata as app_docs_advanced_latex_page} from "private-next-root-dir/app/docs/advanced/latex/page.mdx?metadata";
+        import {metadata as app_docs_advanced_mermaid_page} from "private-next-root-dir/app/docs/advanced/mermaid/page.mdx?metadata";
+        import {metadata as app_docs_advanced_npm2yarn_page} from "private-next-root-dir/app/docs/advanced/npm2yarn/page.mdx?metadata";
+        import {metadata as app_docs_advanced_page} from "private-next-root-dir/app/docs/advanced/page.mdx?metadata";
+        import {metadata as app_docs_advanced_playground_page} from "private-next-root-dir/app/docs/advanced/playground/page.mdx?metadata";
+        import {metadata as app_docs_advanced_remote_page} from "private-next-root-dir/app/docs/advanced/remote/page.mdx?metadata";
+        import {metadata as app_docs_advanced_table_page} from "private-next-root-dir/app/docs/advanced/table/page.mdx?metadata";
+        import {metadata as app_docs_advanced_tailwind_css_page} from "private-next-root-dir/app/docs/advanced/tailwind-css/page.mdx?metadata";
+        import {metadata as app_docs_advanced_twoslash_page} from "private-next-root-dir/app/docs/advanced/twoslash/page.mdx?metadata";
+        import {metadata as app_docs_advanced_typescript_page} from "private-next-root-dir/app/docs/advanced/typescript/page.mdx?metadata";
+        import {metadata as app_docs_blog_theme_page} from "private-next-root-dir/app/docs/blog-theme/page.mdx?metadata";
+        import {metadata as app_docs_blog_theme_start_page} from "private-next-root-dir/app/docs/blog-theme/start/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_banner_page} from "private-next-root-dir/app/docs/built-ins/banner/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_bleed_page} from "private-next-root-dir/app/docs/built-ins/bleed/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_callout_page} from "private-next-root-dir/app/docs/built-ins/callout/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_cards_page} from "private-next-root-dir/app/docs/built-ins/cards/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_filetree_page} from "private-next-root-dir/app/docs/built-ins/filetree/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_head_page} from "private-next-root-dir/app/docs/built-ins/head/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_page} from "private-next-root-dir/app/docs/built-ins/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_search_page} from "private-next-root-dir/app/docs/built-ins/search/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_steps_page} from "private-next-root-dir/app/docs/built-ins/steps/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_table_page} from "private-next-root-dir/app/docs/built-ins/table/page.mdx?metadata";
+        import {metadata as app_docs_built_ins_tabs_page} from "private-next-root-dir/app/docs/built-ins/tabs/page.mdx?metadata";
+        import {metadata as app_docs_custom_theme_page} from "private-next-root-dir/app/docs/custom-theme/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_api_page} from "private-next-root-dir/app/docs/docs-theme/api/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_built_ins_footer_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/footer/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_built_ins_layout_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/layout/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_built_ins_navbar_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/navbar/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_built_ins_not_found_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/not-found/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_built_ins_page} from "private-next-root-dir/app/docs/docs-theme/built-ins/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_page_configuration_page} from "private-next-root-dir/app/docs/docs-theme/page-configuration/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_page} from "private-next-root-dir/app/docs/docs-theme/page.mdx?metadata";
+        import {metadata as app_docs_docs_theme_start_page} from "private-next-root-dir/app/docs/docs-theme/start/page.mdx?metadata";
+        import {metadata as app_docs_guide_custom_css_page} from "private-next-root-dir/app/docs/guide/custom-css/page.mdx?metadata";
+        import {metadata as app_docs_guide_github_alert_syntax_page} from "private-next-root-dir/app/docs/guide/github-alert-syntax/page.mdx?metadata";
+        import {metadata as app_docs_guide_i18n_page} from "private-next-root-dir/app/docs/guide/i18n/page.mdx?metadata";
+        import {metadata as app_docs_guide_image_page} from "private-next-root-dir/app/docs/guide/image/page.mdx?metadata";
+        import {metadata as app_docs_guide_link_page} from "private-next-root-dir/app/docs/guide/link/page.mdx?metadata";
+        import {metadata as app_docs_guide_markdown_page} from "private-next-root-dir/app/docs/guide/markdown/page.mdx?metadata";
+        import {metadata as app_docs_guide_organize_files_page} from "private-next-root-dir/app/docs/guide/organize-files/page.mdx?metadata";
+        import {metadata as app_docs_guide_page} from "private-next-root-dir/app/docs/guide/page.mdx?metadata";
+        import {metadata as app_docs_guide_search_page} from "private-next-root-dir/app/docs/guide/search/page.mdx?metadata";
+        import {metadata as app_docs_guide_ssg_page} from "private-next-root-dir/app/docs/guide/ssg/page.mdx?metadata";
+        import {metadata as app_docs_guide_static_exports_page} from "private-next-root-dir/app/docs/guide/static-exports/page.mdx?metadata";
+        import {metadata as app_docs_guide_syntax_highlighting_page} from "private-next-root-dir/app/docs/guide/syntax-highlighting/page.mdx?metadata";
+        import {metadata as app_docs_guide_turbopack_page} from "private-next-root-dir/app/docs/guide/turbopack/page.mdx?metadata";
+        import {metadata as app_docs_page} from "private-next-root-dir/app/docs/page.mdx?metadata";
+        import {metadata as app_page} from "private-next-root-dir/app/page.tsx";
+        import {metadata as app_showcase_page} from "private-next-root-dir/app/showcase/page.mdx?metadata";
+        import {metadata as app_sponsors_page} from "private-next-root-dir/app/sponsors/page.mdx?metadata";
 
-      export const pageMap = normalizePageMap(mergeMetaWithPageMap([{
-        name: "index",
-        route: "/",
-        frontMatter: app_page
-      }, {
-        name: "about",
-        route: "/about",
-        frontMatter: app_about_page
-      }, {
-        name: "blog",
-        route: "/blog",
-        frontMatter: app_blog_page
-      }, {
-        name: "docs",
-        route: "/docs",
-        children: [{
-          name: "advanced",
-          route: "/docs/advanced",
-          children: [{
-            name: "customize-the-cascade-layers",
-            route: "/docs/advanced/customize-the-cascade-layers",
-            frontMatter: app_docs_advanced_customize_the_cascade_layers_page
-          }, {
-            name: "latex",
-            route: "/docs/advanced/latex",
-            frontMatter: app_docs_advanced_latex_page
-          }, {
-            name: "mermaid",
-            route: "/docs/advanced/mermaid",
-            frontMatter: app_docs_advanced_mermaid_page
-          }, {
-            name: "npm2yarn",
-            route: "/docs/advanced/npm2yarn",
-            frontMatter: app_docs_advanced_npm2yarn_page
-          }, {
-            name: "index",
-            route: "/docs/advanced",
-            frontMatter: app_docs_advanced_page
-          }, {
-            name: "playground",
-            route: "/docs/advanced/playground",
-            frontMatter: app_docs_advanced_playground_page
-          }, {
-            name: "remote",
-            route: "/docs/advanced/remote",
-            frontMatter: app_docs_advanced_remote_page
-          }, {
-            name: "table",
-            route: "/docs/advanced/table",
-            frontMatter: app_docs_advanced_table_page
-          }, {
-            name: "tailwind-css",
-            route: "/docs/advanced/tailwind-css",
-            frontMatter: app_docs_advanced_tailwind_css_page
-          }, {
-            name: "twoslash",
-            route: "/docs/advanced/twoslash",
-            frontMatter: app_docs_advanced_twoslash_page
-          }, {
-            name: "typescript",
-            route: "/docs/advanced/typescript",
-            frontMatter: app_docs_advanced_typescript_page
-          }]
+        export const pageMap = normalizePageMap(mergeMetaWithPageMap([{
+          name: "about",
+          route: "/about",
+          frontMatter: app_about_page
         }, {
-          name: "blog-theme",
-          route: "/docs/blog-theme",
-          children: [{
-            name: "index",
-            route: "/docs/blog-theme",
-            frontMatter: app_docs_blog_theme_page
-          }, {
-            name: "start",
-            route: "/docs/blog-theme/start",
-            frontMatter: app_docs_blog_theme_start_page
-          }]
+          name: "blog",
+          route: "/blog",
+          frontMatter: app_blog_page
         }, {
-          name: "built-ins",
-          route: "/docs/built-ins",
+          name: "docs",
+          route: "/docs",
           children: [{
-            name: "banner",
-            route: "/docs/built-ins/banner",
-            frontMatter: app_docs_built_ins_banner_page
-          }, {
-            name: "bleed",
-            route: "/docs/built-ins/bleed",
-            frontMatter: app_docs_built_ins_bleed_page
-          }, {
-            name: "callout",
-            route: "/docs/built-ins/callout",
-            frontMatter: app_docs_built_ins_callout_page
-          }, {
-            name: "cards",
-            route: "/docs/built-ins/cards",
-            frontMatter: app_docs_built_ins_cards_page
-          }, {
-            name: "filetree",
-            route: "/docs/built-ins/filetree",
-            frontMatter: app_docs_built_ins_filetree_page
-          }, {
-            name: "head",
-            route: "/docs/built-ins/head",
-            frontMatter: app_docs_built_ins_head_page
-          }, {
-            name: "index",
-            route: "/docs/built-ins",
-            frontMatter: app_docs_built_ins_page
-          }, {
-            name: "search",
-            route: "/docs/built-ins/search",
-            frontMatter: app_docs_built_ins_search_page
-          }, {
-            name: "steps",
-            route: "/docs/built-ins/steps",
-            frontMatter: app_docs_built_ins_steps_page
-          }, {
-            name: "table",
-            route: "/docs/built-ins/table",
-            frontMatter: app_docs_built_ins_table_page
+            name: "advanced",
+            route: "/docs/advanced",
+            children: [{
+              name: "customize-the-cascade-layers",
+              route: "/docs/advanced/customize-the-cascade-layers",
+              frontMatter: app_docs_advanced_customize_the_cascade_layers_page
+            }, {
+              name: "latex",
+              route: "/docs/advanced/latex",
+              frontMatter: app_docs_advanced_latex_page
+            }, {
+              name: "mermaid",
+              route: "/docs/advanced/mermaid",
+              frontMatter: app_docs_advanced_mermaid_page
+            }, {
+              name: "npm2yarn",
+              route: "/docs/advanced/npm2yarn",
+              frontMatter: app_docs_advanced_npm2yarn_page
+            }, {
+              name: "index",
+              route: "/docs/advanced",
+              frontMatter: app_docs_advanced_page
+            }, {
+              name: "playground",
+              route: "/docs/advanced/playground",
+              frontMatter: app_docs_advanced_playground_page
+            }, {
+              name: "remote",
+              route: "/docs/advanced/remote",
+              frontMatter: app_docs_advanced_remote_page
+            }, {
+              name: "table",
+              route: "/docs/advanced/table",
+              frontMatter: app_docs_advanced_table_page
+            }, {
+              name: "tailwind-css",
+              route: "/docs/advanced/tailwind-css",
+              frontMatter: app_docs_advanced_tailwind_css_page
+            }, {
+              name: "twoslash",
+              route: "/docs/advanced/twoslash",
+              frontMatter: app_docs_advanced_twoslash_page
+            }, {
+              name: "typescript",
+              route: "/docs/advanced/typescript",
+              frontMatter: app_docs_advanced_typescript_page
+            }]
           }, {
-            name: "tabs",
-            route: "/docs/built-ins/tabs",
-            frontMatter: app_docs_built_ins_tabs_page
-          }]
-        }, {
-          name: "custom-theme",
-          route: "/docs/custom-theme",
-          frontMatter: app_docs_custom_theme_page
-        }, {
-          name: "docs-theme",
-          route: "/docs/docs-theme",
-          children: [{
-            name: "api",
-            route: "/docs/docs-theme/api",
-            frontMatter: app_docs_docs_theme_api_page
+            name: "blog-theme",
+            route: "/docs/blog-theme",
+            children: [{
+              name: "index",
+              route: "/docs/blog-theme",
+              frontMatter: app_docs_blog_theme_page
+            }, {
+              name: "start",
+              route: "/docs/blog-theme/start",
+              frontMatter: app_docs_blog_theme_start_page
+            }]
           }, {
             name: "built-ins",
-            route: "/docs/docs-theme/built-ins",
+            route: "/docs/built-ins",
             children: [{
-              name: "footer",
-              route: "/docs/docs-theme/built-ins/footer",
-              frontMatter: app_docs_docs_theme_built_ins_footer_page
+              name: "banner",
+              route: "/docs/built-ins/banner",
+              frontMatter: app_docs_built_ins_banner_page
+            }, {
+              name: "bleed",
+              route: "/docs/built-ins/bleed",
+              frontMatter: app_docs_built_ins_bleed_page
+            }, {
+              name: "callout",
+              route: "/docs/built-ins/callout",
+              frontMatter: app_docs_built_ins_callout_page
             }, {
-              name: "layout",
-              route: "/docs/docs-theme/built-ins/layout",
-              frontMatter: app_docs_docs_theme_built_ins_layout_page
+              name: "cards",
+              route: "/docs/built-ins/cards",
+              frontMatter: app_docs_built_ins_cards_page
             }, {
-              name: "navbar",
-              route: "/docs/docs-theme/built-ins/navbar",
-              frontMatter: app_docs_docs_theme_built_ins_navbar_page
+              name: "filetree",
+              route: "/docs/built-ins/filetree",
+              frontMatter: app_docs_built_ins_filetree_page
             }, {
-              name: "not-found",
-              route: "/docs/docs-theme/built-ins/not-found",
-              frontMatter: app_docs_docs_theme_built_ins_not_found_page
+              name: "head",
+              route: "/docs/built-ins/head",
+              frontMatter: app_docs_built_ins_head_page
             }, {
               name: "index",
-              route: "/docs/docs-theme/built-ins",
-              frontMatter: app_docs_docs_theme_built_ins_page
+              route: "/docs/built-ins",
+              frontMatter: app_docs_built_ins_page
+            }, {
+              name: "search",
+              route: "/docs/built-ins/search",
+              frontMatter: app_docs_built_ins_search_page
+            }, {
+              name: "steps",
+              route: "/docs/built-ins/steps",
+              frontMatter: app_docs_built_ins_steps_page
+            }, {
+              name: "table",
+              route: "/docs/built-ins/table",
+              frontMatter: app_docs_built_ins_table_page
+            }, {
+              name: "tabs",
+              route: "/docs/built-ins/tabs",
+              frontMatter: app_docs_built_ins_tabs_page
             }]
           }, {
-            name: "page-configuration",
-            route: "/docs/docs-theme/page-configuration",
-            frontMatter: app_docs_docs_theme_page_configuration_page
+            name: "custom-theme",
+            route: "/docs/custom-theme",
+            frontMatter: app_docs_custom_theme_page
           }, {
-            name: "index",
+            name: "docs-theme",
             route: "/docs/docs-theme",
-            frontMatter: app_docs_docs_theme_page
-          }, {
-            name: "start",
-            route: "/docs/docs-theme/start",
-            frontMatter: app_docs_docs_theme_start_page
-          }]
-        }, {
-          name: "guide",
-          route: "/docs/guide",
-          children: [{
-            name: "custom-css",
-            route: "/docs/guide/custom-css",
-            frontMatter: app_docs_guide_custom_css_page
-          }, {
-            name: "github-alert-syntax",
-            route: "/docs/guide/github-alert-syntax",
-            frontMatter: app_docs_guide_github_alert_syntax_page
-          }, {
-            name: "i18n",
-            route: "/docs/guide/i18n",
-            frontMatter: app_docs_guide_i18n_page
-          }, {
-            name: "image",
-            route: "/docs/guide/image",
-            frontMatter: app_docs_guide_image_page
-          }, {
-            name: "link",
-            route: "/docs/guide/link",
-            frontMatter: app_docs_guide_link_page
-          }, {
-            name: "markdown",
-            route: "/docs/guide/markdown",
-            frontMatter: app_docs_guide_markdown_page
-          }, {
-            name: "organize-files",
-            route: "/docs/guide/organize-files",
-            frontMatter: app_docs_guide_organize_files_page
+            children: [{
+              name: "api",
+              route: "/docs/docs-theme/api",
+              frontMatter: app_docs_docs_theme_api_page
+            }, {
+              name: "built-ins",
+              route: "/docs/docs-theme/built-ins",
+              children: [{
+                name: "footer",
+                route: "/docs/docs-theme/built-ins/footer",
+                frontMatter: app_docs_docs_theme_built_ins_footer_page
+              }, {
+                name: "layout",
+                route: "/docs/docs-theme/built-ins/layout",
+                frontMatter: app_docs_docs_theme_built_ins_layout_page
+              }, {
+                name: "navbar",
+                route: "/docs/docs-theme/built-ins/navbar",
+                frontMatter: app_docs_docs_theme_built_ins_navbar_page
+              }, {
+                name: "not-found",
+                route: "/docs/docs-theme/built-ins/not-found",
+                frontMatter: app_docs_docs_theme_built_ins_not_found_page
+              }, {
+                name: "index",
+                route: "/docs/docs-theme/built-ins",
+                frontMatter: app_docs_docs_theme_built_ins_page
+              }]
+            }, {
+              name: "page-configuration",
+              route: "/docs/docs-theme/page-configuration",
+              frontMatter: app_docs_docs_theme_page_configuration_page
+            }, {
+              name: "index",
+              route: "/docs/docs-theme",
+              frontMatter: app_docs_docs_theme_page
+            }, {
+              name: "start",
+              route: "/docs/docs-theme/start",
+              frontMatter: app_docs_docs_theme_start_page
+            }]
           }, {
-            name: "index",
+            name: "guide",
             route: "/docs/guide",
-            frontMatter: app_docs_guide_page
-          }, {
-            name: "search",
-            route: "/docs/guide/search",
-            frontMatter: app_docs_guide_search_page
-          }, {
-            name: "ssg",
-            route: "/docs/guide/ssg",
-            frontMatter: app_docs_guide_ssg_page
-          }, {
-            name: "static-exports",
-            route: "/docs/guide/static-exports",
-            frontMatter: app_docs_guide_static_exports_page
-          }, {
-            name: "syntax-highlighting",
-            route: "/docs/guide/syntax-highlighting",
-            frontMatter: app_docs_guide_syntax_highlighting_page
+            children: [{
+              name: "custom-css",
+              route: "/docs/guide/custom-css",
+              frontMatter: app_docs_guide_custom_css_page
+            }, {
+              name: "github-alert-syntax",
+              route: "/docs/guide/github-alert-syntax",
+              frontMatter: app_docs_guide_github_alert_syntax_page
+            }, {
+              name: "i18n",
+              route: "/docs/guide/i18n",
+              frontMatter: app_docs_guide_i18n_page
+            }, {
+              name: "image",
+              route: "/docs/guide/image",
+              frontMatter: app_docs_guide_image_page
+            }, {
+              name: "link",
+              route: "/docs/guide/link",
+              frontMatter: app_docs_guide_link_page
+            }, {
+              name: "markdown",
+              route: "/docs/guide/markdown",
+              frontMatter: app_docs_guide_markdown_page
+            }, {
+              name: "organize-files",
+              route: "/docs/guide/organize-files",
+              frontMatter: app_docs_guide_organize_files_page
+            }, {
+              name: "index",
+              route: "/docs/guide",
+              frontMatter: app_docs_guide_page
+            }, {
+              name: "search",
+              route: "/docs/guide/search",
+              frontMatter: app_docs_guide_search_page
+            }, {
+              name: "ssg",
+              route: "/docs/guide/ssg",
+              frontMatter: app_docs_guide_ssg_page
+            }, {
+              name: "static-exports",
+              route: "/docs/guide/static-exports",
+              frontMatter: app_docs_guide_static_exports_page
+            }, {
+              name: "syntax-highlighting",
+              route: "/docs/guide/syntax-highlighting",
+              frontMatter: app_docs_guide_syntax_highlighting_page
+            }, {
+              name: "turbopack",
+              route: "/docs/guide/turbopack",
+              frontMatter: app_docs_guide_turbopack_page
+            }]
           }, {
-            name: "turbopack",
-            route: "/docs/guide/turbopack",
-            frontMatter: app_docs_guide_turbopack_page
+            name: "index",
+            route: "/docs",
+            frontMatter: app_docs_page
           }]
         }, {
           name: "index",
-          route: "/docs",
-          frontMatter: app_docs_page
-        }]
-      }, {
-        name: "showcase",
-        route: "/showcase",
-        frontMatter: app_showcase_page
-      }, {
-        name: "sponsors",
-        route: "/sponsors",
-        frontMatter: app_sponsors_page
-      }], globalMeta))
+          route: "/",
+          frontMatter: app_page
+        }, {
+          name: "showcase",
+          route: "/showcase",
+          frontMatter: app_showcase_page
+        }, {
+          name: "sponsors",
+          route: "/sponsors",
+          frontMatter: app_sponsors_page
+        }], globalMeta))
 
-      export const RouteToFilepath = {}"
-    `)
+        export const RouteToFilepath = {}"
+      `)
   })
 
   describe('should work for docs example', async () => {
diff --git a/packages/nextra/src/server/compile.ts b/packages/nextra/src/server/compile.ts
index 06d0ddda67..b05624505c 100644
--- a/packages/nextra/src/server/compile.ts
+++ b/packages/nextra/src/server/compile.ts
@@ -96,7 +96,9 @@ export async function compileMdx(
   const fileCompatible = filePath ? { value: source, path: filePath } : source
 
   // https://github.com/shuding/nextra/issues/1303
-  const isFileOutsideCWD = path.relative(CWD, filePath).startsWith('..')
+  const isFileOutsideCWD =
+    typeof window === 'undefined' &&
+    path.relative(CWD, filePath).startsWith('..')
 
   if (isFileOutsideCWD) {
     throw new Error(
diff --git a/packages/nextra/src/server/index.ts b/packages/nextra/src/server/index.ts
index f36a2debc3..38c59f89a6 100644
--- a/packages/nextra/src/server/index.ts
+++ b/packages/nextra/src/server/index.ts
@@ -127,7 +127,8 @@ const nextra: Nextra = nextraConfig => {
           },
           resolveAlias: {
             ...nextConfig.experimental?.turbo?.resolveAlias,
-            'next-mdx-import-source-file': './mdx-components', // '@vercel/turbopack-next/mdx-import-source'
+            'next-mdx-import-source-file':
+              '@vercel/turbopack-next/mdx-import-source',
             'private-next-root-dir/*': './*',
             'private-next-content-dir/*': `./${CONTENT_DIR}/*`,
             // Fixes when Turbopack is enabled: Module not found: Can't resolve '@theguild/remark-mermaid/mermaid'
diff --git a/packages/nextra/src/server/page-map/normalize.ts b/packages/nextra/src/server/page-map/normalize.ts
index facf6ebba2..1ce7e31666 100644
--- a/packages/nextra/src/server/page-map/normalize.ts
+++ b/packages/nextra/src/server/page-map/normalize.ts
@@ -1,6 +1,7 @@
 import { fromZodError } from 'zod-validation-error'
 import type { Folder, FrontMatter, MdxFile, PageMapItem } from '../../types.js'
 import { metaSchema } from '../schemas.js'
+import { pageTitleFromFilename } from '../utils.js'
 
 export function normalizePageMap(pageMap: PageMapItem[] | Folder): any {
   if (Array.isArray(pageMap)) {
@@ -54,6 +55,10 @@ function sortFolder(pageMap: PageMapItem[] | Folder) {
       newChildren.push(item)
     }
   }
+  if (folder.name && !folder.frontMatter?.title) {
+    // @ts-expect-error -- we use title for capitalize folders without index page
+    folder.title = pageTitleFromFilename(folder.name)
+  }
 
   const metaKeys = Object.keys(meta)
 
diff --git a/packages/nextra/src/server/page-map/to-page-map.ts b/packages/nextra/src/server/page-map/to-page-map.ts
index eff885b57b..f3c2eafe43 100644
--- a/packages/nextra/src/server/page-map/to-page-map.ts
+++ b/packages/nextra/src/server/page-map/to-page-map.ts
@@ -38,7 +38,7 @@ export function convertToPageMap({
     if (name === '_meta') {
       const key = dir ? `${dir}/${name}` : name
       metaFiles[key] = filePath
-    } else {
+    } else if (name !== '_meta.global') {
       const key = inAppDir
         ? // In Next.js we can organize routes without affecting the URL
           // https://nextjs.org/docs/app/building-your-application/routing/route-groups#organize-routes-without-affecting-the-url-path
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a451032cb6..60e7968e51 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6217,15 +6217,6 @@ packages:
       which: 1.3.1
     dev: true
 
-  /cross-spawn@7.0.3:
-    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
-    engines: {node: '>= 8'}
-    dependencies:
-      path-key: 3.1.1
-      shebang-command: 2.0.0
-      which: 2.0.2
-    dev: true
-
   /cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -7782,7 +7773,7 @@ packages:
     resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
     dependencies:
-      cross-spawn: 7.0.3
+      cross-spawn: 7.0.6
       signal-exit: 4.1.0
     dev: true