diff --git a/web/src/Routes.tsx b/web/src/Routes.tsx
index 200a05cce6341b8d0a6796135fea3fd93762aed4..16b9207da0da9f0d4f336e3481cad24ba3e627d0 100644
--- a/web/src/Routes.tsx
+++ b/web/src/Routes.tsx
@@ -14,6 +14,7 @@ import { Implementations } from './pages/implementations'
 import { NotFound } from './pages/not-found'
 import { Patterns } from './pages/patterns'
 import { Reports } from './pages/reports'
+import { Tests } from './pages/tests'
 
 const Routes = () => {
   return (
@@ -23,6 +24,7 @@ const Routes = () => {
       <Route path="/patterns" page={Patterns} name="patterns" />
       <Route path="/implementations" page={Implementations} name="implementations" />
       <Route path="/reports" page={Reports} name="reports" />
+      <Route path="/tests" page={Tests} name="tests" />
     </Router>
   )
 }
diff --git a/web/src/pages/tests/index.ts b/web/src/pages/tests/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..76948ccc991c98d19c37632b21e86b1d23706977
--- /dev/null
+++ b/web/src/pages/tests/index.ts
@@ -0,0 +1 @@
+export * from './tests'
diff --git a/web/src/pages/tests/tests.spec.tsx b/web/src/pages/tests/tests.spec.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..22b8dc19fdedf03fef73ca8a796d0b0960f19b57
--- /dev/null
+++ b/web/src/pages/tests/tests.spec.tsx
@@ -0,0 +1,12 @@
+import * as RTL from '@redwoodjs/testing/web'
+
+import { Tests } from '.'
+
+describe('Tests page', () => {
+  it('renders successfully', () => {
+    RTL.render(<Tests />)
+
+    RTL.screen.getByText('Tests')
+    RTL.screen.getByText(/contenido de tests/i)
+  })
+})
diff --git a/web/src/pages/tests/tests.stories.tsx b/web/src/pages/tests/tests.stories.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..30693fbc2cce5cac67d4f1880d01b4270e765d90
--- /dev/null
+++ b/web/src/pages/tests/tests.stories.tsx
@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react'
+
+import { Tests } from '.'
+
+export default {
+  component: Tests,
+  title: 'Tests page',
+}
+
+export const Default: StoryObj<typeof Tests> = {
+  render: () => <Tests />,
+}
diff --git a/web/src/pages/tests/tests.tsx b/web/src/pages/tests/tests.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..83c6ddf1718f899adbd80ae23dd0bf2304de8015
--- /dev/null
+++ b/web/src/pages/tests/tests.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+
+import { Text, Heading, Box } from '@chakra-ui/react'
+
+export const Tests = () => {
+  return (
+    <Box>
+      <Heading as="h1" size="xl" mb="6">
+        Tests
+      </Heading>
+      <Text fontSize="lg" mb="4">
+        Contenido de tests
+      </Text>
+    </Box>
+  )
+}