diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 16ad66826..727e1a47c 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -98,6 +98,7 @@ const getDocsPath = [
'/overview/faq',
];
const getStartedPath = [
+ '/learn',
'/learn/json-schema-examples',
'/learn/file-system',
'/learn/miscellaneous-examples',
@@ -414,11 +415,17 @@ export const DocsNav = ({
className={classnames('ml-6', { hidden: !active.getStarted })}
id='getStarted'
>
+
+
{
Getting started
diff --git a/pages/learn/index.page.tsx b/pages/learn/index.page.tsx
new file mode 100644
index 000000000..1cac2c83d
--- /dev/null
+++ b/pages/learn/index.page.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import { getLayout } from '~/components/Sidebar';
+import Head from 'next/head';
+import { Headline1 } from '~/components/Headlines';
+import { SectionContext } from '~/context';
+import Card from '~/components/Card';
+import { DocsHelp } from '~/components/DocsHelp';
+
+export default function Welcome() {
+ const markdownFile = '_indexPage';
+
+ const newTitle = 'Getting Started';
+ return (
+
+
+ {newTitle}
+
+ {newTitle}
+
+ New to JSON Schema and don't know where to start?
+
+
+
+
+
+
+
+
+
+ );
+}
+Welcome.getLayout = getLayout;