chore: update RSC demo with new router syntax (#1339)

* chore: update RSC demo with new router syntax

* chore: fix dependencies

* chore: update demo config

Co-authored-by: Sarah Etter <sarah.etter@netlify.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Author: 3 people

demos/middleware/package.json

@@ -9,7 +9,7 @@
     "ntl": "ntl-internal"
   },
   "dependencies": {
-    "next": "^12.1.5-canary.2",
+    "next": "^12.1.7-canary.1",
     "react": "18.0.0",
     "react-dom": "18.0.0"
   },

demos/server-components/netlify.toml

@@ -1,6 +1,7 @@
 [build]
 command = "npm run build"
 publish = ".next"
+ignore = "git diff --quiet $CACHED_COMMIT_REF $COMMIT_REF ../.."
 
 [build.environment]
 NEXT_USE_NETLIFY_EDGE = "true"

demos/server-components/next.config.js

@@ -1,4 +1,9 @@
 module.exports = {
+  eslint: {
+    // Warning: This allows production builds to successfully complete even if
+    // your project has ESLint errors.
+    ignoreDuringBuilds: true,
+  },
   experimental: {
     runtime: 'edge',
     serverComponents: true,

demos/server-components/package.json

@@ -11,7 +11,7 @@
   "private": true,
   "dependencies": {
     "ms": "2.1.3",
-    "next": "^12.1.5-canary.2",
+    "next": "^12.1.7-canary.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

demos/server-components/pages/item.server.js

@@ -1,10 +1,14 @@
+
 import ItemPage from '../components/item.server'
 
-export default function Item({ router }) {
-  const { id } = router.query
+export default function Item({ id }) {
   return <ItemPage id={id} />
 }
 
-export const config = {
-  runtime: 'edge',
+export async function getServerSideProps({ query }) {
+  return {
+    props: {
+      id: query.id
+    }
+  }
 }