diff --git a/docs/landing/app/routes/docs.middleware.tsx b/docs/landing/app/routes/docs.middleware.tsx
index 29a0d53..a6036b3 100644
--- a/docs/landing/app/routes/docs.middleware.tsx
+++ b/docs/landing/app/routes/docs.middleware.tsx
@@ -29,7 +29,7 @@ export const loader: LoaderFunction = ({ request }) => {
 	return docsSetup('middleware', request);
 };
 
-const DocsIntroduction = () => {
+const Middleware = () => {
 	const data = useLoaderData<LoaderOutput>();
 	return (
 		<div className='flex w-full flex-col'>
@@ -45,4 +45,4 @@ const DocsIntroduction = () => {
 	);
 };
 
-export default DocsIntroduction;
+export default Middleware;
diff --git a/docs/landing/app/routes/docs.type-safety.doc.mdx b/docs/landing/app/routes/docs.type-safety.doc.mdx
new file mode 100644
index 0000000..f566d1b
--- /dev/null
+++ b/docs/landing/app/routes/docs.type-safety.doc.mdx
@@ -0,0 +1 @@
+Hello world :)
diff --git a/docs/landing/app/routes/docs.type-safety.tsx b/docs/landing/app/routes/docs.type-safety.tsx
new file mode 100644
index 0000000..1dce101
--- /dev/null
+++ b/docs/landing/app/routes/docs.type-safety.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import { docsSetup } from '~/helpers';
+import { Heading } from '@rapid-web/ui';
+import type { LoaderFunction, LinksFunction } from '@remix-run/node';
+import { useLoaderData, Outlet } from '@remix-run/react';
+import { BreadCrumb } from '~/components/BreadCrumb';
+import styles from '../styles/markdown.css';
+import NextDoc from '~/components/NextDoc';
+import prism from '../styles/prism.css';
+
+interface LoaderOutput {
+	routes: string[];
+}
+
+export const links: LinksFunction = () => {
+	return [
+		{
+			rel: 'stylesheet',
+			href: styles,
+		},
+		{
+			rel: 'stylesheet',
+			href: prism,
+		},
+	];
+};
+
+export const loader: LoaderFunction = ({ request }) => {
+	return docsSetup('type-safety', request);
+};
+
+const TypeSafety = () => {
+	const data = useLoaderData<LoaderOutput>();
+	return (
+		<div className='flex w-full flex-col'>
+			<BreadCrumb routes={data.routes} />
+			<Heading styles='exclude-from-markdown text-white text-5xl font-bold'>
+				Type safety
+			</Heading>
+			<div className='mt-6 text-white'>
+				<Outlet />
+			</div>
+			<NextDoc />
+		</div>
+	);
+};
+
+export default TypeSafety;