Merge pull request #420 from netlify/next-11

chore: update to Next 11

Author: ascorbic

.eslintrc.js

@@ -1,7 +1,7 @@
-const { overrides } = require('@netlify/eslint-config-node')
+const { overrides } = require('@netlify/eslint-config-node/react_config')
 
 module.exports = {
-  extends: '@netlify/eslint-config-node',
+  extends: '@netlify/eslint-config-node/react_config',
   rules: {
     complexity: 0,
     'fp/no-let': 0,

.gitignore

@@ -149,3 +149,4 @@ Temporary Items
 .apdisk
 
 # End of https://www.toptal.com/developers/gitignore/api/osx,node
+demo/package-lock.json

demo/.eslintrc

@@ -0,0 +1,4 @@
+{
+  "extends": "next",
+  "root": true
+}

demo/next.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  // Supported targets are "serverless" and "experimental-serverless-trace"
+  target: "serverless"
+}

demo/package.json

@@ -8,7 +8,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "next": "10.2.3",
+    "next": "^11.0.0",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   }

demo/pages/index.js

@@ -61,7 +61,7 @@ const Index = ({ shows }) => (
     <h1>3. Catch-All Routes? Included ✔</h1>
     <p>
       You can even take advantage of{' '}
-      <a href="https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes">NextJS' catch-all routes feature</a>
+      <a href="https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes">NextJS catch-all routes feature</a>
       .
       <br />
       Here are three examples:
@@ -90,7 +90,7 @@ const Index = ({ shows }) => (
       <br />
       Only dynamic pages are server-side rendered.
       <br />
-      Static pages are pre-rendered and served directly by Netlify's CDN.
+      Static pages are pre-rendered and served directly by Netlify&apos;s CDN.
     </p>
 
     <ul>

demo/pages/static.js

@@ -9,7 +9,7 @@ const Static = (props) => (
       <br />
       It is never server-side rendered.
       <br />
-      It is served directly by Netlify's CDN.
+      It is served directly by Netlify&apos;s CDN.
       <br />
       The <a href="https://www.npmjs.com/package/next-on-netlify">next-on-netlify</a> npm package takes care of deciding
       which pages to render server-side and which ones to serve directly via CDN.

demo/pages/static/[id].js

@@ -9,7 +9,7 @@ const StaticWithID = (props) => (
       <br />
       It is never server-side rendered.
       <br />
-      It is served directly by Netlify's CDN.
+      It is served directly by Netlify&apos;s CDN.
       <br />
       <br />
       But it has a dynamic URL parameter: /static/:id.
@@ -18,7 +18,7 @@ const StaticWithID = (props) => (
       <br />
       I am not sure what this is useful for.
       <br />
-      But it's a feature of NextJS, so... I'm supporting it.
+      But it&apos;s a feature of NextJS, so... I&apos;m supporting it.
     </p>
 
     <hr />