Upgrade Next to v14 (#38)

metonym · web-flow · commit bff7e709b1fc · 2024-03-15T12:35:53.000-07:00
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,7 @@
 /node_modules
 /.pnp
 .pnp.js
+.yarn/install-state.gz
 
 # testing
 /coverage
@@ -17,14 +18,19 @@
 
 # misc
 .DS_Store
+*.pem
 
 # debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
 # local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/README.md b/README.md
@@ -1,8 +1,7 @@
 # Next.js Hello World
 
-This repo is forked from [nextjs/examples/hello-world](https://github.com/zeit/next.js/tree/canary/examples/hello-world).
 
-This example shows the most basic idea behind Next. We have 2 pages: `pages/index.js` and `pages/about.js`. The former responds to `/` requests and the latter to `/about`. Using `next/link` you can add hyperlinks between them with universal routing capabilities. The `day` directory shows that you can have subdirectories.
+This example shows the most basic idea behind Next. We have 2 pages: `src/pages/index.js` and `src/pages/about.js`. The former responds to `/` requests and the latter to `/about`. Using `next/link` you can add hyperlinks between them with universal routing capabilities.
 
 The app in this repo is deployed at https://next-js.onrender.com.
 
diff --git a/jsconfig.json b/jsconfig.json
@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}
diff --git a/next.config.mjs b/next.config.mjs
@@ -0,0 +1,9 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  // Uncomment the following line to build a static site.
+  // output: "export",
+
+  reactStrictMode: true,
+};
+
+export default nextConfig;
diff --git a/package.json b/package.json
@@ -1,16 +1,17 @@
 {
-  "name": "nextjs-hello-world",
-  "version": "1.0.0",
+  "private": true,
   "scripts": {
-    "dev": "next",
+    "dev": "next dev",
     "build": "next build",
-    "start": "next start -H 0.0.0.0",
-    "start-localhost": "next start"
+    "start": "next start",
+    "lint": "next lint"
   },
   "dependencies": {
-    "next": "^11.1.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18",
+    "react-dom": "^18",
+    "next": "14.1.3"
   },
-  "license": "ISC"
+  "engines": {
+    "node": ">=18.17"
+  }
 }
diff --git a/pages/about.js b/pages/about.js
diff --git a/pages/day/index.js b/pages/day/index.js
diff --git a/pages/index.js b/pages/index.js
diff --git a/render.yaml b/render.yaml
@@ -1,7 +1,7 @@
 services:
 - type: web
   name: next-js
-  env: node
+  runtime: node
   plan: starter
   buildCommand: yarn; yarn build
   startCommand: yarn start
@@ -12,8 +12,8 @@ services:
 # Uncomment the following to deploy this app as a static site on render
 # - type: web
 #   name: nextjs-static
-#   env: static
-#   buildCommand: yarn; yarn build; yarn next export
+#   runtime: static
+#   buildCommand: yarn; yarn build
 #   staticPublishPath: out
 #   pullRequestPreviewsEnabled: true     # optional
 #   envVars:
diff --git a/src/pages/_app.js b/src/pages/_app.js
@@ -0,0 +1,3 @@
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
diff --git a/src/pages/_document.js b/src/pages/_document.js
@@ -0,0 +1,13 @@
+import { Html, Head, Main, NextScript } from "next/document";
+
+export default function Document() {
+  return (
+    <Html lang="en">
+      <Head />
+      <body>
+        <Main />
+        <NextScript />
+      </body>
+    </Html>
+  );
+}
diff --git a/src/pages/about.js b/src/pages/about.js
@@ -0,0 +1,3 @@
+export default function About() {
+  return <div>About</div>;
+}
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -0,0 +1,12 @@
+import Link from "next/link";
+
+export default function Home() {
+  return (
+    <div>
+      Hello World.{" "}
+      <Link href="/about">
+        About
+      </Link>
+    </div>
+  );
+}
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function App({ Component, pageProps }) {`
	`2`	`+ return <Component {...pageProps} />;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function About() {`
	`2`	`+ return <div>About</div>;`
	`3`	`+}`