MakStashkevich · January 3, 2023 10:39 · Jan 3, 2023
diff --git a/__root_folder.md b/__root_folder.md
@@ -0,0 +1,7 @@
+```
+app/
+- head.tsx
+- layout.tsx
+- page.tsx
+- blog/[slug]/page.tsx
+```
diff --git a/app_head.tsx b/app_head.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function RootHead() {
+    return undefined;  // Disable root head
+}
diff --git a/app_layout.tsx b/app_layout.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+import '../styles/globals.scss';
+
+export default function RootLayout({children}: { children: React.ReactNode }) {
+    return (
+        <html>
+            <body>
+                {children}
+            </body>
+        </html>
+    )
+}
diff --git a/app_page.tsx b/app_page.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+export default function RootPage() {
+    return (
+        <div>
+            // Set title & description without <Head/> components
+            <title>Home</title>
+            <meta name="description" content="My homepage"/>
+
+            // Set page code
+            <p>Other staff...</p>
+        </div>
+    )
+}
diff --git a/blog_slug_page.tsx b/blog_slug_page.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+async function getBlogData() {
+    return {title: "About me", description: "Read about me", content: "..."}; // Your blog content 
+}
+
+export default async function BlogPage() {
+    const {title, description, content} = await getBlogData();
+    return (
+        <div>
+            // Set title & description without <Head/> components
+            <title>{title}</title>
+            <meta name="description" content={description}/>
+
+            // Set page content
+            <p>{content}</p>
+        </div>
+    )
+}
No results found