The boilerplate responsible for casino form supports page, Content, seo

and layout structure

apps/website/src/app/demos/casino-form/Content.tsx

@@ -0,0 +1,7 @@
+'use client'
+
+const Content = () => {
+  return <>Casino</>
+}
+
+export default Content

apps/website/src/app/demos/casino-form/db/index.ts

@@ -0,0 +1,3 @@
+import stack from './stack'
+
+export default stack

apps/website/src/app/demos/casino-form/db/stack.ts

@@ -0,0 +1,3 @@
+const stack = ['React', 'React Custom Hooks', 'zod']
+
+export default stack

apps/website/src/app/demos/casino-form/layout.ts

@@ -0,0 +1,8 @@
+import layout from '@/components/NextjsLayout'
+import generateMetadata from '@/seo/metadata'
+
+import props from './seo'
+
+export const metadata = generateMetadata(props)
+
+export default layout

apps/website/src/app/demos/casino-form/page.tsx

@@ -0,0 +1,39 @@
+'use client'
+
+import type {NextPage} from 'next'
+
+import Content from './Content'
+
+import Layout from '@/components/MainLayout'
+import LeftDrawer from '@/components/Drawers/LeftDrawer'
+import {menuItems} from '@/menu'
+
+import {drawerWidth} from '@/config/layout'
+import {LayoutProvider} from '@/providers'
+
+import {title} from './seo'
+
+const Title = () => {
+  return <h1>{title}</h1>
+}
+
+const PageContent = () => {
+  return (
+    <LayoutProvider>
+      <Content />
+    </LayoutProvider>
+  )
+}
+
+const Page: NextPage = () => {
+  return (
+    <Layout
+      PageContent={PageContent}
+      HeaderTitle={Title}
+      drawerWidth={drawerWidth}
+      LeftDrawer={<LeftDrawer items={menuItems} />}
+    />
+  )
+}
+
+export default Page

apps/website/src/app/demos/casino-form/seo.ts

@@ -0,0 +1,15 @@
+import {InternalMetadata} from '@/seo/metadata'
+
+const title = 'Casino form - technical task'
+const description = 'The project represents my skills related with react'
+const canonical = '/demos/casino-form'
+
+const props: InternalMetadata = {
+  title,
+  description,
+  canonical,
+}
+
+export default props
+
+export {title}