From af8a43c93adaf899e6174e286ff3da28a3caf4b7 Mon Sep 17 00:00:00 2001
From: Marco Pasqualetti <24919330+marcalexiei@users.noreply.github.com>
Date: Wed, 15 Jan 2025 16:59:36 +0100
Subject: [PATCH] docs: use PascalCase for file name (#350)

---
 .../Breadcrumbs.tsx}                          | 63 ++++++++++---------
 .../src/components/Breadcrumbs/index.ts       |  3 +
 .../edit-page.tsx => EditPage/EditPage.tsx}   |  0
 .../src/components/EditPage/index.ts          |  3 +
 .../{hero/hero.tsx => Hero/Hero.tsx}          |  0
 .../src/components/Hero/index.ts              |  3 +
 .../MdxBold/MdxBold.tsx}                      |  0
 .../components/MdxProvider/MdxBold/index.ts   |  3 +
 .../MdxCode/MdxCode.tsx}                      |  0
 .../components/MdxProvider/MdxCode/index.ts   |  3 +
 .../MdxLink/MdxLink.tsx}                      |  0
 .../components/MdxProvider/MdxLink/index.ts   |  3 +
 .../MdxPre/MdxPre.module.css}                 |  0
 .../MdxPre/MdxPre.tsx}                        |  2 +-
 .../components/MdxProvider/MdxPre/index.ts    |  3 +
 .../MdxProvider.tsx}                          | 12 ++--
 .../MdxQuote/MdxQuote.tsx}                    |  0
 .../components/MdxProvider/MdxQuote/index.ts  |  3 +
 .../MdxTitle/MdxTitle.tsx}                    |  0
 .../components/MdxProvider/MdxTitle/index.ts  |  5 ++
 .../src/components/MdxProvider/index.ts       |  3 +
 .../meta-tags.tsx => MetaTags/MetaTags.tsx}   |  0
 .../src/components/MetaTags/index.ts          |  3 +
 .../{navbar/navbar.tsx => Navbar/Navbar.tsx}  |  4 +-
 .../actions.tsx => Navbar/NavbarActions.tsx}  |  4 +-
 .../src/components/Navbar/index.ts            |  3 +
 .../NavigationButtons.tsx}                    |  0
 .../src/components/NavigationButtons/index.ts |  3 +
 .../sidebar.tsx => Sidebar/Sidebar.tsx}       |  4 +-
 .../SidebarLink.module.css}                   |  0
 .../SidebarLink.tsx}                          |  2 +-
 .../src/components/Sidebar/index.ts           |  3 +
 .../config.ts => Sidebar/sidebarElements.ts}  |  0
 .../TableOfContents.module.css}               |  0
 .../TableOfContents.tsx}                      | 12 ++--
 .../getHeadings.ts}                           |  0
 .../index.ts                                  |  2 +-
 .../ThemeBtn.module.css}                      |  0
 .../theme-btn.tsx => ThemeBtn/ThemeBtn.tsx}   |  2 +-
 .../src/components/ThemeBtn/index.ts          |  3 +
 .../src/components/breadcrumbs/index.ts       |  5 --
 .../src/components/edit-page/index.ts         |  3 -
 .../src/components/hero/index.ts              |  3 -
 .../src/components/mdx-provider/index.ts      |  3 -
 .../components/mdx-provider/mdx-code/index.ts |  3 -
 .../components/mdx-provider/mdx-link/index.ts |  3 -
 .../components/mdx-provider/mdx-pre/index.ts  |  3 -
 .../mdx-provider/mdx-quote/index.ts           |  3 -
 .../mdx-provider/mdx-title/index.ts           |  5 --
 .../src/components/meta-tags/index.ts         |  3 -
 .../src/components/navbar/index.ts            |  3 -
 .../components/navigation-buttons/index.ts    |  3 -
 .../src/components/sidebar/index.ts           |  3 -
 .../src/components/theme-btn/index.ts         |  3 -
 apps/documentation/src/routes/__root.tsx      |  8 +--
 .../documentation/application-state.mdx       |  4 +-
 .../src/routes/documentation/cli.mdx          |  4 +-
 .../routes/documentation/components/head.mdx  |  4 +-
 .../routes/documentation/components/link.mdx  |  4 +-
 .../routes/documentation/configuration.mdx    |  4 +-
 .../src/routes/documentation/contributing.mdx |  4 +-
 .../documentation/contributing/index.mdx      |  6 +-
 .../contributing/local-development.mdx        |  6 +-
 .../contributing/pull-requests.mdx            |  6 +-
 .../core-concepts/multithreading.mdx          |  4 +-
 .../routes/documentation/hooks/use-router.mdx |  4 +-
 .../documentation/how-is-tuono-different.mdx  |  4 +-
 .../src/routes/documentation/installation.mdx |  6 +-
 .../routes/documentation/integrations/mdx.mdx |  4 +-
 .../rendering/server-side-rendering.mdx       |  4 +-
 .../rendering/static-site-rendering.mdx       |  4 +-
 .../documentation/routing/defining-routes.mdx |  4 +-
 .../documentation/routing/dynamic-routes.mdx  |  4 +-
 .../routes/documentation/routing/index.mdx    |  4 +-
 .../routes/documentation/routing/layouts.mdx  |  4 +-
 .../routing/link-and-navigation.mdx           |  4 +-
 .../documentation/routing/loading-state.mdx   |  4 +-
 .../routes/documentation/routing/pages.mdx    |  4 +-
 .../documentation/routing/redirecting.mdx     |  4 +-
 .../documentation/styles/css-modules.mdx      |  4 +-
 .../documentation/tutorial/api-fetching.mdx   |  6 +-
 .../documentation/tutorial/components.mdx     |  6 +-
 .../documentation/tutorial/conclusion.mdx     |  6 +-
 .../tutorial/development-setup.mdx            |  6 +-
 .../documentation/tutorial/dynamic-routes.mdx |  6 +-
 .../documentation/tutorial/error-handling.mdx |  6 +-
 .../routes/documentation/tutorial/index.mdx   |  6 +-
 .../documentation/tutorial/production.mdx     |  6 +-
 .../documentation/tutorial/redirections.mdx   |  6 +-
 .../src/routes/documentation/tutorial/seo.mdx |  6 +-
 apps/documentation/src/routes/index.mdx       |  4 +-
 91 files changed, 193 insertions(+), 187 deletions(-)
 rename apps/documentation/src/components/{breadcrumbs/breadcrumbs.tsx => Breadcrumbs/Breadcrumbs.tsx} (52%)
 create mode 100644 apps/documentation/src/components/Breadcrumbs/index.ts
 rename apps/documentation/src/components/{edit-page/edit-page.tsx => EditPage/EditPage.tsx} (100%)
 create mode 100644 apps/documentation/src/components/EditPage/index.ts
 rename apps/documentation/src/components/{hero/hero.tsx => Hero/Hero.tsx} (100%)
 create mode 100644 apps/documentation/src/components/Hero/index.ts
 rename apps/documentation/src/components/{mdx-provider/mdx-bold/mdx-bold.tsx => MdxProvider/MdxBold/MdxBold.tsx} (100%)
 create mode 100644 apps/documentation/src/components/MdxProvider/MdxBold/index.ts
 rename apps/documentation/src/components/{mdx-provider/mdx-code/mdx-code.tsx => MdxProvider/MdxCode/MdxCode.tsx} (100%)
 create mode 100644 apps/documentation/src/components/MdxProvider/MdxCode/index.ts
 rename apps/documentation/src/components/{mdx-provider/mdx-link/mdx-link.tsx => MdxProvider/MdxLink/MdxLink.tsx} (100%)
 create mode 100644 apps/documentation/src/components/MdxProvider/MdxLink/index.ts
 rename apps/documentation/src/components/{mdx-provider/mdx-pre/mdx-pre.module.css => MdxProvider/MdxPre/MdxPre.module.css} (100%)
 rename apps/documentation/src/components/{mdx-provider/mdx-pre/mdx-pre.tsx => MdxProvider/MdxPre/MdxPre.tsx} (92%)
 create mode 100644 apps/documentation/src/components/MdxProvider/MdxPre/index.ts
 rename apps/documentation/src/components/{mdx-provider/mdx-provider.tsx => MdxProvider/MdxProvider.tsx} (75%)
 rename apps/documentation/src/components/{mdx-provider/mdx-quote/mdx-quote.tsx => MdxProvider/MdxQuote/MdxQuote.tsx} (100%)
 create mode 100644 apps/documentation/src/components/MdxProvider/MdxQuote/index.ts
 rename apps/documentation/src/components/{mdx-provider/mdx-title/mdx-title.tsx => MdxProvider/MdxTitle/MdxTitle.tsx} (100%)
 create mode 100644 apps/documentation/src/components/MdxProvider/MdxTitle/index.ts
 create mode 100644 apps/documentation/src/components/MdxProvider/index.ts
 rename apps/documentation/src/components/{meta-tags/meta-tags.tsx => MetaTags/MetaTags.tsx} (100%)
 create mode 100644 apps/documentation/src/components/MetaTags/index.ts
 rename apps/documentation/src/components/{navbar/navbar.tsx => Navbar/Navbar.tsx} (90%)
 rename apps/documentation/src/components/{navbar/actions.tsx => Navbar/NavbarActions.tsx} (90%)
 create mode 100644 apps/documentation/src/components/Navbar/index.ts
 rename apps/documentation/src/components/{navigation-buttons/navigation-buttons.tsx => NavigationButtons/NavigationButtons.tsx} (100%)
 create mode 100644 apps/documentation/src/components/NavigationButtons/index.ts
 rename apps/documentation/src/components/{sidebar/sidebar.tsx => Sidebar/Sidebar.tsx} (96%)
 rename apps/documentation/src/components/{sidebar/sidebar-link.module.css => Sidebar/SidebarLink.module.css} (100%)
 rename apps/documentation/src/components/{sidebar/sidebar-link.tsx => Sidebar/SidebarLink.tsx} (95%)
 create mode 100644 apps/documentation/src/components/Sidebar/index.ts
 rename apps/documentation/src/components/{sidebar/config.ts => Sidebar/sidebarElements.ts} (100%)
 rename apps/documentation/src/components/{table-of-content/table-of-content.module.css => TableOfContents/TableOfContents.module.css} (100%)
 rename apps/documentation/src/components/{table-of-content/table-of-content.tsx => TableOfContents/TableOfContents.tsx} (96%)
 rename apps/documentation/src/components/{table-of-content/get-headings.ts => TableOfContents/getHeadings.ts} (100%)
 rename apps/documentation/src/components/{table-of-content => TableOfContents}/index.ts (75%)
 rename apps/documentation/src/components/{theme-btn/theme-btn.module.css => ThemeBtn/ThemeBtn.module.css} (100%)
 rename apps/documentation/src/components/{theme-btn/theme-btn.tsx => ThemeBtn/ThemeBtn.tsx} (94%)
 create mode 100644 apps/documentation/src/components/ThemeBtn/index.ts
 delete mode 100644 apps/documentation/src/components/breadcrumbs/index.ts
 delete mode 100644 apps/documentation/src/components/edit-page/index.ts
 delete mode 100644 apps/documentation/src/components/hero/index.ts
 delete mode 100644 apps/documentation/src/components/mdx-provider/index.ts
 delete mode 100644 apps/documentation/src/components/mdx-provider/mdx-code/index.ts
 delete mode 100644 apps/documentation/src/components/mdx-provider/mdx-link/index.ts
 delete mode 100644 apps/documentation/src/components/mdx-provider/mdx-pre/index.ts
 delete mode 100644 apps/documentation/src/components/mdx-provider/mdx-quote/index.ts
 delete mode 100644 apps/documentation/src/components/mdx-provider/mdx-title/index.ts
 delete mode 100644 apps/documentation/src/components/meta-tags/index.ts
 delete mode 100644 apps/documentation/src/components/navbar/index.ts
 delete mode 100644 apps/documentation/src/components/navigation-buttons/index.ts
 delete mode 100644 apps/documentation/src/components/sidebar/index.ts
 delete mode 100644 apps/documentation/src/components/theme-btn/index.ts

diff --git a/apps/documentation/src/components/breadcrumbs/breadcrumbs.tsx b/apps/documentation/src/components/Breadcrumbs/Breadcrumbs.tsx
similarity index 52%
rename from apps/documentation/src/components/breadcrumbs/breadcrumbs.tsx
rename to apps/documentation/src/components/Breadcrumbs/Breadcrumbs.tsx
index e13fcbf9..6356af36 100644
--- a/apps/documentation/src/components/breadcrumbs/breadcrumbs.tsx
+++ b/apps/documentation/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -1,49 +1,54 @@
-import type { JSX } from 'react'
-import { Breadcrumbs, Button } from '@mantine/core'
+import { useMemo, type JSX } from 'react'
+import { Breadcrumbs as MantineBreadcrumbs, Button } from '@mantine/core'
 import { Link, Head } from 'tuono'
 
 import { IconChevronRight, IconBolt } from '@tabler/icons-react'
 
-interface Breadcrumb {
+interface BreadcrumbData {
   href?: string
   label: string
 }
 interface BreadcrumbsProps {
-  breadcrumbs: Array<Breadcrumb>
+  breadcrumbs: Array<BreadcrumbData>
 }
 
-export default function TuonoBreadcrumbs({
+export default function Breadcrumbs({
   breadcrumbs = [],
 }: BreadcrumbsProps): JSX.Element {
+  const ldJson = useMemo(() => {
+    const _ldJson = {
+      '@context': 'https://schema.org',
+      '@type': 'BreadcrumbList',
+      itemListElement: [
+        {
+          '@type': 'ListItem',
+          position: 1,
+          name: 'Tuono - The React/Rust fullstack framework',
+          item: 'https://tuono.dev' as string | undefined,
+        },
+      ],
+    }
+
+    _ldJson.itemListElement.push(
+      ...breadcrumbs.map((br, i) => ({
+        '@type': 'ListItem' as const,
+        position: i + 3,
+        name: br.label,
+        item: br.href ? `https://tuono.dev${br.href}` : undefined,
+      })),
+    )
+
+    return _ldJson
+  }, [breadcrumbs])
+
   return (
     <>
       <Head>
         <script type="application/ld+json">
-          {`{
-              "@context": "https://schema.org",
-              "@type": "BreadcrumbList",
-              "itemListElement": [
-				{
-                  "@type": "ListItem",
-                  "position": 1,
-                  "name": "Tuono - The React/Rust fullstack framework",
-                  "item": "https://tuono.dev"
-                }${breadcrumbs.length > 0 ? ',' : ''}
-                ${breadcrumbs
-                  .map((br, i) =>
-                    JSON.stringify({
-                      '@type': 'ListItem',
-                      position: i + 3,
-                      name: br.label,
-                      item: br.href ? `https://tuono.dev${br.href}` : undefined,
-                    }),
-                  )
-                  .join(',')}]
-            }
-          `}
+          {JSON.stringify(ldJson, null, 2)}
         </script>
       </Head>
-      <Breadcrumbs
+      <MantineBreadcrumbs
         separator={<IconChevronRight size="1.1rem" stroke={1.5} />}
         mb="md"
         mt="md"
@@ -54,7 +59,7 @@ export default function TuonoBreadcrumbs({
         {breadcrumbs.map((br) => (
           <BreadcrumbElement href={br.href} label={br.label} key={br.label} />
         ))}
-      </Breadcrumbs>
+      </MantineBreadcrumbs>
     </>
   )
 }
diff --git a/apps/documentation/src/components/Breadcrumbs/index.ts b/apps/documentation/src/components/Breadcrumbs/index.ts
new file mode 100644
index 00000000..7df1d1ab
--- /dev/null
+++ b/apps/documentation/src/components/Breadcrumbs/index.ts
@@ -0,0 +1,3 @@
+import Breadcrumbs from './Breadcrumbs'
+
+export default Breadcrumbs
diff --git a/apps/documentation/src/components/edit-page/edit-page.tsx b/apps/documentation/src/components/EditPage/EditPage.tsx
similarity index 100%
rename from apps/documentation/src/components/edit-page/edit-page.tsx
rename to apps/documentation/src/components/EditPage/EditPage.tsx
diff --git a/apps/documentation/src/components/EditPage/index.ts b/apps/documentation/src/components/EditPage/index.ts
new file mode 100644
index 00000000..6bc636d1
--- /dev/null
+++ b/apps/documentation/src/components/EditPage/index.ts
@@ -0,0 +1,3 @@
+import EditPage from './EditPage'
+
+export default EditPage
diff --git a/apps/documentation/src/components/hero/hero.tsx b/apps/documentation/src/components/Hero/Hero.tsx
similarity index 100%
rename from apps/documentation/src/components/hero/hero.tsx
rename to apps/documentation/src/components/Hero/Hero.tsx
diff --git a/apps/documentation/src/components/Hero/index.ts b/apps/documentation/src/components/Hero/index.ts
new file mode 100644
index 00000000..0e0246c3
--- /dev/null
+++ b/apps/documentation/src/components/Hero/index.ts
@@ -0,0 +1,3 @@
+import Hero from './Hero'
+
+export default Hero
diff --git a/apps/documentation/src/components/mdx-provider/mdx-bold/mdx-bold.tsx b/apps/documentation/src/components/MdxProvider/MdxBold/MdxBold.tsx
similarity index 100%
rename from apps/documentation/src/components/mdx-provider/mdx-bold/mdx-bold.tsx
rename to apps/documentation/src/components/MdxProvider/MdxBold/MdxBold.tsx
diff --git a/apps/documentation/src/components/MdxProvider/MdxBold/index.ts b/apps/documentation/src/components/MdxProvider/MdxBold/index.ts
new file mode 100644
index 00000000..e361063c
--- /dev/null
+++ b/apps/documentation/src/components/MdxProvider/MdxBold/index.ts
@@ -0,0 +1,3 @@
+import MdxBold from './MdxBold'
+
+export default MdxBold
diff --git a/apps/documentation/src/components/mdx-provider/mdx-code/mdx-code.tsx b/apps/documentation/src/components/MdxProvider/MdxCode/MdxCode.tsx
similarity index 100%
rename from apps/documentation/src/components/mdx-provider/mdx-code/mdx-code.tsx
rename to apps/documentation/src/components/MdxProvider/MdxCode/MdxCode.tsx
diff --git a/apps/documentation/src/components/MdxProvider/MdxCode/index.ts b/apps/documentation/src/components/MdxProvider/MdxCode/index.ts
new file mode 100644
index 00000000..20b1d373
--- /dev/null
+++ b/apps/documentation/src/components/MdxProvider/MdxCode/index.ts
@@ -0,0 +1,3 @@
+import MdxCode from './MdxCode'
+
+export default MdxCode
diff --git a/apps/documentation/src/components/mdx-provider/mdx-link/mdx-link.tsx b/apps/documentation/src/components/MdxProvider/MdxLink/MdxLink.tsx
similarity index 100%
rename from apps/documentation/src/components/mdx-provider/mdx-link/mdx-link.tsx
rename to apps/documentation/src/components/MdxProvider/MdxLink/MdxLink.tsx
diff --git a/apps/documentation/src/components/MdxProvider/MdxLink/index.ts b/apps/documentation/src/components/MdxProvider/MdxLink/index.ts
new file mode 100644
index 00000000..fd7158c9
--- /dev/null
+++ b/apps/documentation/src/components/MdxProvider/MdxLink/index.ts
@@ -0,0 +1,3 @@
+import MdxLink from './MdxLink'
+
+export default MdxLink
diff --git a/apps/documentation/src/components/mdx-provider/mdx-pre/mdx-pre.module.css b/apps/documentation/src/components/MdxProvider/MdxPre/MdxPre.module.css
similarity index 100%
rename from apps/documentation/src/components/mdx-provider/mdx-pre/mdx-pre.module.css
rename to apps/documentation/src/components/MdxProvider/MdxPre/MdxPre.module.css
diff --git a/apps/documentation/src/components/mdx-provider/mdx-pre/mdx-pre.tsx b/apps/documentation/src/components/MdxProvider/MdxPre/MdxPre.tsx
similarity index 92%
rename from apps/documentation/src/components/mdx-provider/mdx-pre/mdx-pre.tsx
rename to apps/documentation/src/components/MdxProvider/MdxPre/MdxPre.tsx
index 17aeabef..5cb2b41f 100644
--- a/apps/documentation/src/components/mdx-provider/mdx-pre/mdx-pre.tsx
+++ b/apps/documentation/src/components/MdxProvider/MdxPre/MdxPre.tsx
@@ -1,7 +1,7 @@
 import type { JSX } from 'react'
 import { CodeHighlight } from '@mantine/code-highlight'
 
-import styles from './mdx-pre.module.css'
+import styles from './MdxPre.module.css'
 
 interface PreProps {
   children: {
diff --git a/apps/documentation/src/components/MdxProvider/MdxPre/index.ts b/apps/documentation/src/components/MdxProvider/MdxPre/index.ts
new file mode 100644
index 00000000..f255f150
--- /dev/null
+++ b/apps/documentation/src/components/MdxProvider/MdxPre/index.ts
@@ -0,0 +1,3 @@
+import MdxPre from './MdxPre'
+
+export default MdxPre
diff --git a/apps/documentation/src/components/mdx-provider/mdx-provider.tsx b/apps/documentation/src/components/MdxProvider/MdxProvider.tsx
similarity index 75%
rename from apps/documentation/src/components/mdx-provider/mdx-provider.tsx
rename to apps/documentation/src/components/MdxProvider/MdxProvider.tsx
index 89b2eb54..3588bf87 100644
--- a/apps/documentation/src/components/mdx-provider/mdx-provider.tsx
+++ b/apps/documentation/src/components/MdxProvider/MdxProvider.tsx
@@ -1,12 +1,12 @@
 import type { JSX, ReactNode } from 'react'
 import { MDXProvider } from '@mdx-js/react'
 
-import MdxLink from './mdx-link'
-import MdxPre from './mdx-pre'
-import MdxQuote from './mdx-quote'
-import MdxCode from './mdx-code'
-import { h } from './mdx-title'
-import MdxBold from './mdx-bold/mdx-bold'
+import MdxLink from './MdxLink'
+import MdxPre from './MdxPre'
+import MdxQuote from './MdxQuote'
+import MdxCode from './MdxCode'
+import { h } from './MdxTitle'
+import MdxBold from './MdxBold'
 
 interface MdxProviderProps {
   children: ReactNode
diff --git a/apps/documentation/src/components/mdx-provider/mdx-quote/mdx-quote.tsx b/apps/documentation/src/components/MdxProvider/MdxQuote/MdxQuote.tsx
similarity index 100%
rename from apps/documentation/src/components/mdx-provider/mdx-quote/mdx-quote.tsx
rename to apps/documentation/src/components/MdxProvider/MdxQuote/MdxQuote.tsx
diff --git a/apps/documentation/src/components/MdxProvider/MdxQuote/index.ts b/apps/documentation/src/components/MdxProvider/MdxQuote/index.ts
new file mode 100644
index 00000000..2c54e73d
--- /dev/null
+++ b/apps/documentation/src/components/MdxProvider/MdxQuote/index.ts
@@ -0,0 +1,3 @@
+import MdxQuote from './MdxQuote'
+
+export default MdxQuote
diff --git a/apps/documentation/src/components/mdx-provider/mdx-title/mdx-title.tsx b/apps/documentation/src/components/MdxProvider/MdxTitle/MdxTitle.tsx
similarity index 100%
rename from apps/documentation/src/components/mdx-provider/mdx-title/mdx-title.tsx
rename to apps/documentation/src/components/MdxProvider/MdxTitle/MdxTitle.tsx
diff --git a/apps/documentation/src/components/MdxProvider/MdxTitle/index.ts b/apps/documentation/src/components/MdxProvider/MdxTitle/index.ts
new file mode 100644
index 00000000..a5ead4d7
--- /dev/null
+++ b/apps/documentation/src/components/MdxProvider/MdxTitle/index.ts
@@ -0,0 +1,5 @@
+import MdxTitle, { h } from './MdxTitle'
+
+export default MdxTitle
+
+export { h }
diff --git a/apps/documentation/src/components/MdxProvider/index.ts b/apps/documentation/src/components/MdxProvider/index.ts
new file mode 100644
index 00000000..21bc9824
--- /dev/null
+++ b/apps/documentation/src/components/MdxProvider/index.ts
@@ -0,0 +1,3 @@
+import MdxProvider from './MdxProvider'
+
+export default MdxProvider
diff --git a/apps/documentation/src/components/meta-tags/meta-tags.tsx b/apps/documentation/src/components/MetaTags/MetaTags.tsx
similarity index 100%
rename from apps/documentation/src/components/meta-tags/meta-tags.tsx
rename to apps/documentation/src/components/MetaTags/MetaTags.tsx
diff --git a/apps/documentation/src/components/MetaTags/index.ts b/apps/documentation/src/components/MetaTags/index.ts
new file mode 100644
index 00000000..96522148
--- /dev/null
+++ b/apps/documentation/src/components/MetaTags/index.ts
@@ -0,0 +1,3 @@
+import MetaTags from './MetaTags'
+
+export default MetaTags
diff --git a/apps/documentation/src/components/navbar/navbar.tsx b/apps/documentation/src/components/Navbar/Navbar.tsx
similarity index 90%
rename from apps/documentation/src/components/navbar/navbar.tsx
rename to apps/documentation/src/components/Navbar/Navbar.tsx
index 2f1e880b..40d99371 100644
--- a/apps/documentation/src/components/navbar/navbar.tsx
+++ b/apps/documentation/src/components/Navbar/Navbar.tsx
@@ -2,7 +2,7 @@ import type { JSX } from 'react'
 import { AppShell, Box, Burger, Button, Flex } from '@mantine/core'
 import { Link } from 'tuono'
 
-import Actions from './actions'
+import NavbarActions from './NavbarActions'
 
 interface NavbarProps {
   toggle: () => void
@@ -24,7 +24,7 @@ export default function Navbar({ toggle }: NavbarProps): JSX.Element {
         </Button>
         <Box />
         <Flex align="center" gap={8}>
-          <Actions />
+          <NavbarActions />
           <Burger onClick={toggle} hiddenFrom="sm" size="sm" />
         </Flex>
       </Flex>
diff --git a/apps/documentation/src/components/navbar/actions.tsx b/apps/documentation/src/components/Navbar/NavbarActions.tsx
similarity index 90%
rename from apps/documentation/src/components/navbar/actions.tsx
rename to apps/documentation/src/components/Navbar/NavbarActions.tsx
index d941748a..ce6806d5 100644
--- a/apps/documentation/src/components/navbar/actions.tsx
+++ b/apps/documentation/src/components/Navbar/NavbarActions.tsx
@@ -2,9 +2,9 @@ import type { JSX } from 'react'
 import { Flex, ActionIcon, Group } from '@mantine/core'
 import { IconBrandGithub, IconBrandDiscord } from '@tabler/icons-react'
 
-import ThemeBtn from '../theme-btn'
+import ThemeBtn from '../ThemeBtn'
 
-export default function Actions(): JSX.Element {
+export default function NavbarActions(): JSX.Element {
   return (
     <Flex gap={8}>
       <Group gap={8}>
diff --git a/apps/documentation/src/components/Navbar/index.ts b/apps/documentation/src/components/Navbar/index.ts
new file mode 100644
index 00000000..47edc167
--- /dev/null
+++ b/apps/documentation/src/components/Navbar/index.ts
@@ -0,0 +1,3 @@
+import Navbar from './Navbar'
+
+export default Navbar
diff --git a/apps/documentation/src/components/navigation-buttons/navigation-buttons.tsx b/apps/documentation/src/components/NavigationButtons/NavigationButtons.tsx
similarity index 100%
rename from apps/documentation/src/components/navigation-buttons/navigation-buttons.tsx
rename to apps/documentation/src/components/NavigationButtons/NavigationButtons.tsx
diff --git a/apps/documentation/src/components/NavigationButtons/index.ts b/apps/documentation/src/components/NavigationButtons/index.ts
new file mode 100644
index 00000000..fbd5641b
--- /dev/null
+++ b/apps/documentation/src/components/NavigationButtons/index.ts
@@ -0,0 +1,3 @@
+import NavigationButtons from './NavigationButtons'
+
+export default NavigationButtons
diff --git a/apps/documentation/src/components/sidebar/sidebar.tsx b/apps/documentation/src/components/Sidebar/Sidebar.tsx
similarity index 96%
rename from apps/documentation/src/components/sidebar/sidebar.tsx
rename to apps/documentation/src/components/Sidebar/Sidebar.tsx
index dcb490af..88eb9857 100644
--- a/apps/documentation/src/components/sidebar/sidebar.tsx
+++ b/apps/documentation/src/components/Sidebar/Sidebar.tsx
@@ -14,8 +14,8 @@ import {
 import { IconX } from '@tabler/icons-react'
 import { useMediaQuery } from '@mantine/hooks'
 
-import { sidebarElements } from './config'
-import SidebarLink from './sidebar-link'
+import { sidebarElements } from './sidebarElements'
+import SidebarLink from './SidebarLink'
 
 interface SidebarProps {
   close: () => void
diff --git a/apps/documentation/src/components/sidebar/sidebar-link.module.css b/apps/documentation/src/components/Sidebar/SidebarLink.module.css
similarity index 100%
rename from apps/documentation/src/components/sidebar/sidebar-link.module.css
rename to apps/documentation/src/components/Sidebar/SidebarLink.module.css
diff --git a/apps/documentation/src/components/sidebar/sidebar-link.tsx b/apps/documentation/src/components/Sidebar/SidebarLink.tsx
similarity index 95%
rename from apps/documentation/src/components/sidebar/sidebar-link.tsx
rename to apps/documentation/src/components/Sidebar/SidebarLink.tsx
index 80cc7376..0fbada62 100644
--- a/apps/documentation/src/components/sidebar/sidebar-link.tsx
+++ b/apps/documentation/src/components/Sidebar/SidebarLink.tsx
@@ -4,7 +4,7 @@ import clsx from 'clsx'
 import { Link, useRouter } from 'tuono'
 import { IconChevronRight } from '@tabler/icons-react'
 
-import styles from './sidebar-link.module.css'
+import styles from './SidebarLink.module.css'
 
 interface SidebarLinkProps {
   label: string
diff --git a/apps/documentation/src/components/Sidebar/index.ts b/apps/documentation/src/components/Sidebar/index.ts
new file mode 100644
index 00000000..e94c02c4
--- /dev/null
+++ b/apps/documentation/src/components/Sidebar/index.ts
@@ -0,0 +1,3 @@
+import Sidebar from './Sidebar'
+
+export default Sidebar
diff --git a/apps/documentation/src/components/sidebar/config.ts b/apps/documentation/src/components/Sidebar/sidebarElements.ts
similarity index 100%
rename from apps/documentation/src/components/sidebar/config.ts
rename to apps/documentation/src/components/Sidebar/sidebarElements.ts
diff --git a/apps/documentation/src/components/table-of-content/table-of-content.module.css b/apps/documentation/src/components/TableOfContents/TableOfContents.module.css
similarity index 100%
rename from apps/documentation/src/components/table-of-content/table-of-content.module.css
rename to apps/documentation/src/components/TableOfContents/TableOfContents.module.css
diff --git a/apps/documentation/src/components/table-of-content/table-of-content.tsx b/apps/documentation/src/components/TableOfContents/TableOfContents.tsx
similarity index 96%
rename from apps/documentation/src/components/table-of-content/table-of-content.tsx
rename to apps/documentation/src/components/TableOfContents/TableOfContents.tsx
index bdba5877..57bf3229 100644
--- a/apps/documentation/src/components/table-of-content/table-of-content.tsx
+++ b/apps/documentation/src/components/TableOfContents/TableOfContents.tsx
@@ -7,12 +7,8 @@ import { useRouter, Link } from 'tuono'
 import { IconList } from '@tabler/icons-react'
 import { Box, rem, ScrollArea, Text } from '@mantine/core'
 
-import { getHeadings, type Heading } from './get-headings'
-import classes from './table-of-content.module.css'
-
-interface TableOfContentsProps {
-  withTabs: boolean
-}
+import { getHeadings, type Heading } from './getHeadings'
+import classes from './TableOfContents.module.css'
 
 function getActiveElement(rects: Array<DOMRect>): number {
   if (rects.length === 0) {
@@ -36,6 +32,10 @@ function getActiveElement(rects: Array<DOMRect>): number {
   return closest.index
 }
 
+interface TableOfContentsProps {
+  withTabs: boolean
+}
+
 export function TableOfContents({
   withTabs,
 }: TableOfContentsProps): JSX.Element | null {
diff --git a/apps/documentation/src/components/table-of-content/get-headings.ts b/apps/documentation/src/components/TableOfContents/getHeadings.ts
similarity index 100%
rename from apps/documentation/src/components/table-of-content/get-headings.ts
rename to apps/documentation/src/components/TableOfContents/getHeadings.ts
diff --git a/apps/documentation/src/components/table-of-content/index.ts b/apps/documentation/src/components/TableOfContents/index.ts
similarity index 75%
rename from apps/documentation/src/components/table-of-content/index.ts
rename to apps/documentation/src/components/TableOfContents/index.ts
index 16f972af..dfe4ead4 100644
--- a/apps/documentation/src/components/table-of-content/index.ts
+++ b/apps/documentation/src/components/TableOfContents/index.ts
@@ -1,6 +1,6 @@
 /*
  * Component inspired by: https://github.com/mantinedev/mantine/tree/master/apps/mantine.dev/src/components/TableOfContents
  */
-import { TableOfContents } from './table-of-content'
+import { TableOfContents } from './TableOfContents'
 
 export default TableOfContents
diff --git a/apps/documentation/src/components/theme-btn/theme-btn.module.css b/apps/documentation/src/components/ThemeBtn/ThemeBtn.module.css
similarity index 100%
rename from apps/documentation/src/components/theme-btn/theme-btn.module.css
rename to apps/documentation/src/components/ThemeBtn/ThemeBtn.module.css
diff --git a/apps/documentation/src/components/theme-btn/theme-btn.tsx b/apps/documentation/src/components/ThemeBtn/ThemeBtn.tsx
similarity index 94%
rename from apps/documentation/src/components/theme-btn/theme-btn.tsx
rename to apps/documentation/src/components/ThemeBtn/ThemeBtn.tsx
index 3a9b9cc2..9aec26a4 100644
--- a/apps/documentation/src/components/theme-btn/theme-btn.tsx
+++ b/apps/documentation/src/components/ThemeBtn/ThemeBtn.tsx
@@ -7,7 +7,7 @@ import {
 import { IconSun, IconMoon } from '@tabler/icons-react'
 import cx from 'clsx'
 
-import classes from './theme-btn.module.css'
+import classes from './ThemeBtn.module.css'
 
 export default function ThemeBtn(): JSX.Element {
   const { setColorScheme } = useMantineColorScheme()
diff --git a/apps/documentation/src/components/ThemeBtn/index.ts b/apps/documentation/src/components/ThemeBtn/index.ts
new file mode 100644
index 00000000..4122e72d
--- /dev/null
+++ b/apps/documentation/src/components/ThemeBtn/index.ts
@@ -0,0 +1,3 @@
+import ThemeBtn from './ThemeBtn'
+
+export default ThemeBtn
diff --git a/apps/documentation/src/components/breadcrumbs/index.ts b/apps/documentation/src/components/breadcrumbs/index.ts
deleted file mode 100644
index d766c8d5..00000000
--- a/apps/documentation/src/components/breadcrumbs/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import Breadcrumbs, { BreadcrumbElement } from './breadcrumbs'
-
-export default Breadcrumbs
-
-export { BreadcrumbElement as Element }
diff --git a/apps/documentation/src/components/edit-page/index.ts b/apps/documentation/src/components/edit-page/index.ts
deleted file mode 100644
index 9469e890..00000000
--- a/apps/documentation/src/components/edit-page/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import EditPage from './edit-page'
-
-export default EditPage
diff --git a/apps/documentation/src/components/hero/index.ts b/apps/documentation/src/components/hero/index.ts
deleted file mode 100644
index 2b4b7fec..00000000
--- a/apps/documentation/src/components/hero/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Hero from './hero'
-
-export default Hero
diff --git a/apps/documentation/src/components/mdx-provider/index.ts b/apps/documentation/src/components/mdx-provider/index.ts
deleted file mode 100644
index 275c5ecf..00000000
--- a/apps/documentation/src/components/mdx-provider/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import MdxProvider from './mdx-provider'
-
-export default MdxProvider
diff --git a/apps/documentation/src/components/mdx-provider/mdx-code/index.ts b/apps/documentation/src/components/mdx-provider/mdx-code/index.ts
deleted file mode 100644
index 32dc03c6..00000000
--- a/apps/documentation/src/components/mdx-provider/mdx-code/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import MdxCode from './mdx-code'
-
-export default MdxCode
diff --git a/apps/documentation/src/components/mdx-provider/mdx-link/index.ts b/apps/documentation/src/components/mdx-provider/mdx-link/index.ts
deleted file mode 100644
index 9ef1ac78..00000000
--- a/apps/documentation/src/components/mdx-provider/mdx-link/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import MdxLink from './mdx-link'
-
-export default MdxLink
diff --git a/apps/documentation/src/components/mdx-provider/mdx-pre/index.ts b/apps/documentation/src/components/mdx-provider/mdx-pre/index.ts
deleted file mode 100644
index 54fa53df..00000000
--- a/apps/documentation/src/components/mdx-provider/mdx-pre/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import MdxPre from './mdx-pre'
-
-export default MdxPre
diff --git a/apps/documentation/src/components/mdx-provider/mdx-quote/index.ts b/apps/documentation/src/components/mdx-provider/mdx-quote/index.ts
deleted file mode 100644
index 60c00daa..00000000
--- a/apps/documentation/src/components/mdx-provider/mdx-quote/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import MdxQuote from './mdx-quote'
-
-export default MdxQuote
diff --git a/apps/documentation/src/components/mdx-provider/mdx-title/index.ts b/apps/documentation/src/components/mdx-provider/mdx-title/index.ts
deleted file mode 100644
index 8004c8c7..00000000
--- a/apps/documentation/src/components/mdx-provider/mdx-title/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import MdxTitle, { h } from './mdx-title'
-
-export default MdxTitle
-
-export { h }
diff --git a/apps/documentation/src/components/meta-tags/index.ts b/apps/documentation/src/components/meta-tags/index.ts
deleted file mode 100644
index 490f1f87..00000000
--- a/apps/documentation/src/components/meta-tags/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import MetaTags from './meta-tags'
-
-export default MetaTags
diff --git a/apps/documentation/src/components/navbar/index.ts b/apps/documentation/src/components/navbar/index.ts
deleted file mode 100644
index 19eb850e..00000000
--- a/apps/documentation/src/components/navbar/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Navbar from './navbar'
-
-export default Navbar
diff --git a/apps/documentation/src/components/navigation-buttons/index.ts b/apps/documentation/src/components/navigation-buttons/index.ts
deleted file mode 100644
index 279d4366..00000000
--- a/apps/documentation/src/components/navigation-buttons/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import NavigationButtons from './navigation-buttons'
-
-export default NavigationButtons
diff --git a/apps/documentation/src/components/sidebar/index.ts b/apps/documentation/src/components/sidebar/index.ts
deleted file mode 100644
index 1c6b4eb3..00000000
--- a/apps/documentation/src/components/sidebar/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import Sidebar from './sidebar'
-
-export default Sidebar
diff --git a/apps/documentation/src/components/theme-btn/index.ts b/apps/documentation/src/components/theme-btn/index.ts
deleted file mode 100644
index 20f54231..00000000
--- a/apps/documentation/src/components/theme-btn/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import ThemeBtn from './theme-btn'
-
-export default ThemeBtn
diff --git a/apps/documentation/src/routes/__root.tsx b/apps/documentation/src/routes/__root.tsx
index 8852d285..30552261 100644
--- a/apps/documentation/src/routes/__root.tsx
+++ b/apps/documentation/src/routes/__root.tsx
@@ -11,10 +11,10 @@ import type { CSSVariablesResolver } from '@mantine/core'
 import { useDisclosure } from '@mantine/hooks'
 import { Head } from 'tuono'
 
-import EditPage from '@/components/edit-page'
-import MdxProvider from '@/components/mdx-provider'
-import Navbar from '@/components/navbar'
-import Sidebar from '@/components/sidebar'
+import EditPage from '@/components/EditPage'
+import MdxProvider from '@/components/MdxProvider'
+import Navbar from '@/components/Navbar'
+import Sidebar from '@/components/Sidebar'
 
 import '@mantine/core/styles.css'
 import '@mantine/code-highlight/styles.css'
diff --git a/apps/documentation/src/routes/documentation/application-state.mdx b/apps/documentation/src/routes/documentation/application-state.mdx
index 80d2f515..3e2109ce 100644
--- a/apps/documentation/src/routes/documentation/application-state.mdx
+++ b/apps/documentation/src/routes/documentation/application-state.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Application state"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to add features to your Tuono application"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Application state' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/cli.mdx b/apps/documentation/src/routes/documentation/cli.mdx
index 82edaf32..1dc86854 100644
--- a/apps/documentation/src/routes/documentation/cli.mdx
+++ b/apps/documentation/src/routes/documentation/cli.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - CLI"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Tuono is the CLI that provides all the needed commands to handle the full-stack project."
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'CLI' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/components/head.mdx b/apps/documentation/src/routes/documentation/components/head.mdx
index 51d57d00..50554a58 100644
--- a/apps/documentation/src/routes/documentation/components/head.mdx
+++ b/apps/documentation/src/routes/documentation/components/head.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Head"
   canonical="https://tuono.dev/documentation/components/head"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Components' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/components/link.mdx b/apps/documentation/src/routes/documentation/components/link.mdx
index 370ed7c7..2dc1736e 100644
--- a/apps/documentation/src/routes/documentation/components/link.mdx
+++ b/apps/documentation/src/routes/documentation/components/link.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Link"
   canonical="https://tuono.dev/documentation/components/link"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Components' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/configuration.mdx b/apps/documentation/src/routes/documentation/configuration.mdx
index 21206645..1097732f 100644
--- a/apps/documentation/src/routes/documentation/configuration.mdx
+++ b/apps/documentation/src/routes/documentation/configuration.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - tuono.config.ts"
   canonical="https://tuono.dev/documentation/configuration"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Configuration' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/contributing.mdx b/apps/documentation/src/routes/documentation/contributing.mdx
index 242c9c93..35a75d35 100644
--- a/apps/documentation/src/routes/documentation/contributing.mdx
+++ b/apps/documentation/src/routes/documentation/contributing.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Contributing"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="The project is massive - if you like it, do consider contributing!"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: '✨ Contributing' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/contributing/index.mdx b/apps/documentation/src/routes/documentation/contributing/index.mdx
index 2aa0ca96..a22118c5 100644
--- a/apps/documentation/src/routes/documentation/contributing/index.mdx
+++ b/apps/documentation/src/routes/documentation/contributing/index.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Contributing"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="The project is massive - if you like it, do consider contributing!"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: '✨ Contributing' }]} />
 
@@ -46,7 +46,7 @@ Without taking into account specific cases, we can mostly split the domain requi
 - The documentation website needs just `React` & `Typescript` (or even less, since most of the
   code is markdown).
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   next={{
diff --git a/apps/documentation/src/routes/documentation/contributing/local-development.mdx b/apps/documentation/src/routes/documentation/contributing/local-development.mdx
index 097ab9dc..1775ccc2 100644
--- a/apps/documentation/src/routes/documentation/contributing/local-development.mdx
+++ b/apps/documentation/src/routes/documentation/contributing/local-development.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Contributing - Local development"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Contribute to Tuono. Learn here how to setup the repository for local development"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -158,7 +158,7 @@ docker exec -it tuono-source-container /bin/bash
 > On the documentation remember that `tuono` `npm` package is installed from the registry and
 > it is not linked to the repository.
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{
diff --git a/apps/documentation/src/routes/documentation/contributing/pull-requests.mdx b/apps/documentation/src/routes/documentation/contributing/pull-requests.mdx
index 5d45c61d..6d1b02c4 100644
--- a/apps/documentation/src/routes/documentation/contributing/pull-requests.mdx
+++ b/apps/documentation/src/routes/documentation/contributing/pull-requests.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Opening a pull request"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Contribute to Tuono. Learn here how to open a pull request."
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -76,7 +76,7 @@ E.g.: `fix(crates/tuono): remove cargo warnings`
 A succinct title for the PR.
 (The title max length is set to 100 characters)
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{
diff --git a/apps/documentation/src/routes/documentation/core-concepts/multithreading.mdx b/apps/documentation/src/routes/documentation/core-concepts/multithreading.mdx
index 577b39f7..437de286 100644
--- a/apps/documentation/src/routes/documentation/core-concepts/multithreading.mdx
+++ b/apps/documentation/src/routes/documentation/core-concepts/multithreading.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Multithreading"
   canonical="https://tuono.dev/documentation/core-concepts/multithreading"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Core concepts' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/hooks/use-router.mdx b/apps/documentation/src/routes/documentation/hooks/use-router.mdx
index 4d469403..bec0de8f 100644
--- a/apps/documentation/src/routes/documentation/hooks/use-router.mdx
+++ b/apps/documentation/src/routes/documentation/hooks/use-router.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - useRouter"
   canonical="https://tuono.dev/documentation/hooks/use-router"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Hooks' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/how-is-tuono-different.mdx b/apps/documentation/src/routes/documentation/how-is-tuono-different.mdx
index 30921b87..d2b16c84 100644
--- a/apps/documentation/src/routes/documentation/how-is-tuono-different.mdx
+++ b/apps/documentation/src/routes/documentation/how-is-tuono-different.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - tuono.config.ts"
   canonical="https://tuono.dev/documentation/how-is-tuono-different"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'How is tuono different?' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/installation.mdx b/apps/documentation/src/routes/documentation/installation.mdx
index 46548e59..4a17e6a1 100644
--- a/apps/documentation/src/routes/documentation/installation.mdx
+++ b/apps/documentation/src/routes/documentation/installation.mdx
@@ -1,6 +1,4 @@
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
-
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Installation"
@@ -8,6 +6,8 @@ import MetaTags from '@/components/meta-tags'
   description="Tuono is a development environment built in rust and typescript that outputs a website written in both the languages"
 />
 
+import Breadcrumbs from '@/components/Breadcrumbs'
+
 <Breadcrumbs breadcrumbs={[{ label: 'Installation' }]} />
 
 # Installation
diff --git a/apps/documentation/src/routes/documentation/integrations/mdx.mdx b/apps/documentation/src/routes/documentation/integrations/mdx.mdx
index e840e99f..3f51c549 100644
--- a/apps/documentation/src/routes/documentation/integrations/mdx.mdx
+++ b/apps/documentation/src/routes/documentation/integrations/mdx.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - MDX"
   canonical="https://tuono.dev/documentation/integrations/mdx"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Integrations' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/rendering/server-side-rendering.mdx b/apps/documentation/src/routes/documentation/rendering/server-side-rendering.mdx
index b43e56b2..b14a39bf 100644
--- a/apps/documentation/src/routes/documentation/rendering/server-side-rendering.mdx
+++ b/apps/documentation/src/routes/documentation/rendering/server-side-rendering.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Server side rendering"
   canonical="https://tuono.dev/documentation/rendering/server-side-rendering"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Rendering' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/rendering/static-site-rendering.mdx b/apps/documentation/src/routes/documentation/rendering/static-site-rendering.mdx
index 13d94d57..ccd3139a 100644
--- a/apps/documentation/src/routes/documentation/rendering/static-site-rendering.mdx
+++ b/apps/documentation/src/routes/documentation/rendering/static-site-rendering.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Static site rendering"
   canonical="https://tuono.dev/documentation/rendering/static-site-rendering"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Rendering' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/defining-routes.mdx b/apps/documentation/src/routes/documentation/routing/defining-routes.mdx
index 7faafe2c..c79c68e9 100644
--- a/apps/documentation/src/routes/documentation/routing/defining-routes.mdx
+++ b/apps/documentation/src/routes/documentation/routing/defining-routes.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/defining-routes"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Defining routes' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/dynamic-routes.mdx b/apps/documentation/src/routes/documentation/routing/dynamic-routes.mdx
index aa533a8a..a0cd0a3c 100644
--- a/apps/documentation/src/routes/documentation/routing/dynamic-routes.mdx
+++ b/apps/documentation/src/routes/documentation/routing/dynamic-routes.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/dynamic-routes"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Dynamic routes' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/index.mdx b/apps/documentation/src/routes/documentation/routing/index.mdx
index 2ded1bda..367c38f6 100644
--- a/apps/documentation/src/routes/documentation/routing/index.mdx
+++ b/apps/documentation/src/routes/documentation/routing/index.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/intro"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Routing' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/layouts.mdx b/apps/documentation/src/routes/documentation/routing/layouts.mdx
index 2c4b7b4f..d4c4cbef 100644
--- a/apps/documentation/src/routes/documentation/routing/layouts.mdx
+++ b/apps/documentation/src/routes/documentation/routing/layouts.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/layouts"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Layouts' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/link-and-navigation.mdx b/apps/documentation/src/routes/documentation/routing/link-and-navigation.mdx
index 86c4a1e5..5fe1aad9 100644
--- a/apps/documentation/src/routes/documentation/routing/link-and-navigation.mdx
+++ b/apps/documentation/src/routes/documentation/routing/link-and-navigation.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/link-and-navigation"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Link and navigation' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/loading-state.mdx b/apps/documentation/src/routes/documentation/routing/loading-state.mdx
index dfad9651..0c30320f 100644
--- a/apps/documentation/src/routes/documentation/routing/loading-state.mdx
+++ b/apps/documentation/src/routes/documentation/routing/loading-state.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/loading-state"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Loading state' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/pages.mdx b/apps/documentation/src/routes/documentation/routing/pages.mdx
index b3e81c2d..bf976d95 100644
--- a/apps/documentation/src/routes/documentation/routing/pages.mdx
+++ b/apps/documentation/src/routes/documentation/routing/pages.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/pages"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Pages' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/routing/redirecting.mdx b/apps/documentation/src/routes/documentation/routing/redirecting.mdx
index 0e1da4c5..c990ea2c 100644
--- a/apps/documentation/src/routes/documentation/routing/redirecting.mdx
+++ b/apps/documentation/src/routes/documentation/routing/redirecting.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Routing"
   canonical="https://tuono.dev/documentation/routing/redirecting"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Redirecting' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/styles/css-modules.mdx b/apps/documentation/src/routes/documentation/styles/css-modules.mdx
index dc95633c..d5a468f2 100644
--- a/apps/documentation/src/routes/documentation/styles/css-modules.mdx
+++ b/apps/documentation/src/routes/documentation/styles/css-modules.mdx
@@ -1,11 +1,11 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - CSS Modules"
   canonical="https://tuono.dev/documentation/styles/css-modules"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Styles' }]} />
 
diff --git a/apps/documentation/src/routes/documentation/tutorial/api-fetching.mdx b/apps/documentation/src/routes/documentation/tutorial/api-fetching.mdx
index f4e8be86..e931b288 100644
--- a/apps/documentation/src/routes/documentation/tutorial/api-fetching.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/api-fetching.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - API fetching"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to fetch remote APIs on the backend"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -178,7 +178,7 @@ export default function IndexPage({
 
 Refresh the browser now! A bit ugly, but all the Pokémon are finally printed on screen!
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{
diff --git a/apps/documentation/src/routes/documentation/tutorial/components.mdx b/apps/documentation/src/routes/documentation/tutorial/components.mdx
index 851e5d57..bd9bce5a 100644
--- a/apps/documentation/src/routes/documentation/tutorial/components.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/components.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Components"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to manage the components in a Tuono codebase"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -134,7 +134,7 @@ export default function PokemonLink({
 }
 ```
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{ title: 'API fetching', href: '/documentation/tutorial/api-fetching' }}
diff --git a/apps/documentation/src/routes/documentation/tutorial/conclusion.mdx b/apps/documentation/src/routes/documentation/tutorial/conclusion.mdx
index f704c127..0d8b679d 100644
--- a/apps/documentation/src/routes/documentation/tutorial/conclusion.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/conclusion.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Conclusion"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="You just created a multi thread full stack application with Rust and React"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -27,7 +27,7 @@ at [valerioageno@yahoo.it](mailto:valerioageno@yahoo.it) or in Twitter (X) DMs [
 
 Ciao
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{
diff --git a/apps/documentation/src/routes/documentation/tutorial/development-setup.mdx b/apps/documentation/src/routes/documentation/tutorial/development-setup.mdx
index 8f6b8645..f87c020e 100644
--- a/apps/documentation/src/routes/documentation/tutorial/development-setup.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/development-setup.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Development setup"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to setup a new Tuono project"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -69,7 +69,7 @@ The first time might take a little bit because it will install all the Rust’s
 
 Then open [http://localhost:3000/](http://localhost:3000) on the browser.
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{ title: 'Tutorial', href: '/documentation/tutorial' }}
diff --git a/apps/documentation/src/routes/documentation/tutorial/dynamic-routes.mdx b/apps/documentation/src/routes/documentation/tutorial/dynamic-routes.mdx
index 8e0ac349..24b77203 100644
--- a/apps/documentation/src/routes/documentation/tutorial/dynamic-routes.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/dynamic-routes.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Dynamic routes"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to catch more endpoint with the same route loading dynamic data"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -163,7 +163,7 @@ export default function PokemonView({
 }
 ```
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{ title: 'Components', href: '/documentation/tutorial/components' }}
diff --git a/apps/documentation/src/routes/documentation/tutorial/error-handling.mdx b/apps/documentation/src/routes/documentation/tutorial/error-handling.mdx
index 327da801..49b93e79 100644
--- a/apps/documentation/src/routes/documentation/tutorial/error-handling.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/error-handling.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Error handling"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to handle the server side error on your Tuono project"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -105,7 +105,7 @@ async fn get_all_pokemons(_req: Request, fetch: Client) -> Response {
 If you now try to load a not-existing Pokémon (`http://localhost:3000/pokemons/tuono-pokemon`) you will
 correctly receive a 404 status code in the console.
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{
diff --git a/apps/documentation/src/routes/documentation/tutorial/index.mdx b/apps/documentation/src/routes/documentation/tutorial/index.mdx
index 9a3d713e..935d8ec3 100644
--- a/apps/documentation/src/routes/documentation/tutorial/index.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/index.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Tutorial"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="This tutorial is meant to give you a sneak peek at the framework and is intended to evolve during the development - be sure to have installed the latest version"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs breadcrumbs={[{ label: 'Tutorial' }]} />
 
@@ -27,7 +27,7 @@ $ tuono new tutorial --template tuono-tutorial
 > I'd love to hear your thoughts about the framework and the tutorial - feel free to reach me at [valerioageno@yahoo.it](mailto:valerioageno@ahoo.it)
 > or on Twitter (X) DM [@valerioageno](https://twitter.com/valerioageno)
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   next={{
diff --git a/apps/documentation/src/routes/documentation/tutorial/production.mdx b/apps/documentation/src/routes/documentation/tutorial/production.mdx
index 045c077e..95a68b98 100644
--- a/apps/documentation/src/routes/documentation/tutorial/production.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/production.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Building for production"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to build the production project and run the optimize version"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -36,7 +36,7 @@ optimizations ready to unleash the power of a rust server that seamlessly render
 
 > Note: The `out` directory is not standalone. You can't rely just on it to run the production server.
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{
diff --git a/apps/documentation/src/routes/documentation/tutorial/redirections.mdx b/apps/documentation/src/routes/documentation/tutorial/redirections.mdx
index 922e528b..7a7f6999 100644
--- a/apps/documentation/src/routes/documentation/tutorial/redirections.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/redirections.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Redirection"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to redirect to different route from the server"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -50,7 +50,7 @@ Now let's create the button in the home page to actually point to it!
 Now at [http://localhost:3000/](http:/localhost:3000/) You will find a new link at the beginning of the list.
 Click on it and see the application automatically redirecting you to your favourite pokemon's route!
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{ title: 'SEO and meta tags', href: '/documentation/tutorial/seo' }}
diff --git a/apps/documentation/src/routes/documentation/tutorial/seo.mdx b/apps/documentation/src/routes/documentation/tutorial/seo.mdx
index 0a033f5d..0aa2f23f 100644
--- a/apps/documentation/src/routes/documentation/tutorial/seo.mdx
+++ b/apps/documentation/src/routes/documentation/tutorial/seo.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - SEO and meta tags"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Learn how to handle meaningful meta tags for your Tuono project"
 />
 
-import Breadcrumbs, { Element } from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs
   breadcrumbs={[
@@ -95,7 +95,7 @@ export default function Pokemon({ data }: TuonoProps): JSX.Element {
 }
 ```
 
-import NavigationButtons from '../../../components/navigation-buttons'
+import NavigationButtons from '../../../components/NavigationButtons'
 
 <NavigationButtons
   prev={{
diff --git a/apps/documentation/src/routes/index.mdx b/apps/documentation/src/routes/index.mdx
index dcd73c68..8df50a44 100644
--- a/apps/documentation/src/routes/index.mdx
+++ b/apps/documentation/src/routes/index.mdx
@@ -1,4 +1,4 @@
-import MetaTags from '@/components/meta-tags'
+import MetaTags from '@/components/MetaTags'
 
 <MetaTags
   title="Tuono - Documentation"
@@ -6,7 +6,7 @@ import MetaTags from '@/components/meta-tags'
   description="Tuono is a full-stack framework for building React applications using Rust as the backend."
 />
 
-import Breadcrumbs from '@/components/breadcrumbs'
+import Breadcrumbs from '@/components/Breadcrumbs'
 
 <Breadcrumbs />