Chapter 9 - migrate to next.js (errors on purpose)

2023-12-21 21:04:00 +01:00
parent de191f7e79
commit 01fc574c38
5 changed files with 453 additions and 41 deletions
--- a/app/layout.js
+++ b/app/layout.js
@@ -0,0 +1,12 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({ children }) {
+ return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/app/page.js
+++ b/app/page.js
@@ -0,0 +1,27 @@
+import { useState } from 'react';
+
+function Header({ title }) {
+    return <h1>{title}</h1>
+}
+
+export default function HomePage() {
+    const names = ['Ada Lovelace', 'Grace Hopper', 'Margaret Hamilton'];
+
+    const [likes, setLikes] = React.useState(0);
+
+    function handleClick() {
+        setLikes(likes + 1);
+    }
+
+    return (
+        <div>
+            <Header title="Develop. Preview. Ship." />
+            <ul>
+                {names.map((name) => (
+                    <li key={name}> {name} </li>
+                ))}
+            </ul>
+            <button onClick={handleClick}> Like ({likes}) </button>
+        </div>
+    )
+}