diff --git a/__tests__/pages/exercises/[lessonSlug].test.js b/__tests__/pages/exercises/[lessonSlug].test.js
new file mode 100644
index 000000000..db7e20921
--- /dev/null
+++ b/__tests__/pages/exercises/[lessonSlug].test.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import { render, waitFor } from '@testing-library/react'
+import '@testing-library/jest-dom'
+import Exercises from '../../../pages/exercises/[lessonSlug]'
+
+describe('Exercises page', () => {
+  test('Should render correctly', async () => {
+    const { getByRole } = render(<Exercises />)
+
+    getByRole('heading', { name: /Foundations of JavaScript/i })
+  })
+})
diff --git a/pages/exercises/[lessonSlug].tsx b/pages/exercises/[lessonSlug].tsx
new file mode 100644
index 000000000..edc52ab72
--- /dev/null
+++ b/pages/exercises/[lessonSlug].tsx
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const Exercises = () => {
+  return <h1>Foundations of JavaScript</h1>
+}
+
+export default Exercises