diff --git a/pages/csr.js b/app/csr/page.js
similarity index 76%
rename from pages/csr.js
rename to app/csr/page.js
index 0636753..d1bbc42 100644
--- a/pages/csr.js
+++ b/app/csr/page.js
@@ -1,14 +1,16 @@
+'use client'
+
import { Suspense, useEffect, useState } from 'react'
// Client Components
-import Page from '../components/page.client'
-import Story from '../components/story.client'
+import Page from '../../components/page.client'
+import Story from '../../components/story.client'
// Utils
-import fetchData from '../lib/fetch-data'
-import { transform } from '../lib/get-item'
-import useData from '../lib/use-data'
-import Skeletons from '../components/skeletons'
+import fetchData from '../../lib/fetch-data'
+import { transform } from '../../lib/get-item'
+import useData from '../../lib/use-data'
+import Skeletons from '../../components/skeletons'
function StoryWithData({ id }) {
if (typeof window === 'undefined') return
diff --git a/app/item/page.js b/app/item/page.js
new file mode 100644
index 0000000..5920be5
--- /dev/null
+++ b/app/item/page.js
@@ -0,0 +1,5 @@
+import ItemPage from '../../components/item.server'
+
+export default function Item({ searchParams }) {
+ return
+}
\ No newline at end of file
diff --git a/app/layout.js b/app/layout.js
new file mode 100644
index 0000000..afac59a
--- /dev/null
+++ b/app/layout.js
@@ -0,0 +1,9 @@
+export default function RootLayout({ children }) {
+ return (
+
+
+