feat: create edge function demo (#1586)

ericapisani · kodiakhq[bot] · web-flow · commit 43a60c88260e · 2022-09-06T14:08:43.000Z
* feat: create demo for using an edge function on a next site

* style: lint

* chore: general cleanup

* chore: more cleanup

* chore: cleanup

Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/demos/next-with-edge-functions/.gitignore b/demos/next-with-edge-functions/.gitignore
@@ -0,0 +1,30 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
diff --git a/demos/next-with-edge-functions/netlify.toml b/demos/next-with-edge-functions/netlify.toml
@@ -0,0 +1,17 @@
+[build]
+command = "next build"
+publish = ".next"
+
+[dev]
+framework = "#static"
+
+[[plugins]]
+package = "../plugin-wrapper/"
+
+# This is a fake plugin, that makes it run npm install
+[[plugins]]
+package = "@netlify/plugin-local-install-core"
+
+[[edge_functions]]
+path = "/"
+function = "helloOnTheEdge"
diff --git a/demos/next-with-edge-functions/netlify/edge-functions/helloOnTheEdge.ts b/demos/next-with-edge-functions/netlify/edge-functions/helloOnTheEdge.ts
@@ -0,0 +1 @@
+export default (req, context) => context.json({firstName: "Louise", lastName: "Belcher"});
diff --git a/demos/next-with-edge-functions/next.config.js b/demos/next-with-edge-functions/next.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  eslint: {
+    // Warning: This allows production builds to successfully complete even if
+    // your project has ESLint errors.
+    ignoreDuringBuilds: true,
+  },
+}
diff --git a/demos/next-with-edge-functions/package.json b/demos/next-with-edge-functions/package.json
@@ -0,0 +1,13 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "latest",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  }
+}
diff --git a/demos/next-with-edge-functions/pages/index.js b/demos/next-with-edge-functions/pages/index.js
@@ -0,0 +1,53 @@
+import Head from 'next/head'
+
+export default function Home() {
+  return (
+    <div className="container">
+      <Head>
+        <title>Next.js with Edge functions</title>
+      </Head>
+
+      <main>
+        <p>
+          If you're seeing this page, that means that edge functions aren't running.
+          Run `netlify dev` to see an edge function in action!
+        </p>
+
+      </main>
+      <style jsx>{`
+        .container {
+          min-height: 100vh;
+          padding: 0 0.5rem;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+        }
+
+        main {
+          padding: 5rem 0;
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+        }
+      `}</style>
+
+      <style jsx global>{`
+        html,
+        body {
+          padding: 0;
+          margin: 0;
+          font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+            Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
+            sans-serif;
+        }
+
+        * {
+          box-sizing: border-box;
+        }
+      `}</style>
+    </div>
+  )
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -103,6 +103,7 @@
     "demos/plugin-wrapper",
     "demos/server-components",
     "demos/middleware",
-    "demos/custom-routes"
+    "demos/custom-routes",
+    "demos/next-with-edge-functions"
   ]
 }
diff --git a/packages/next/CHANGELOG.md b/packages/next/CHANGELOG.md
@@ -2,10 +2,10 @@
 
 ## [1.1.1](https://github.com/netlify/next-runtime/compare/next-v1.1.0...next-v1.1.1) (2022-08-31)
 
-
 ### Bug Fixes
 
-* remove Next.js as a peer dependency ([#1584](https://github.com/netlify/next-runtime/issues/1584)) ([6be4dc0](https://github.com/netlify/next-runtime/commit/6be4dc08e5339efb84e180e9ea02ce0bc6efe5b5))
+- remove Next.js as a peer dependency ([#1584](https://github.com/netlify/next-runtime/issues/1584))
+  ([6be4dc0](https://github.com/netlify/next-runtime/commit/6be4dc08e5339efb84e180e9ea02ce0bc6efe5b5))
 
 ## [1.1.0](https://github.com/netlify/next-runtime/compare/next-v1.0.0...next-v1.1.0) (2022-08-22)
 

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export default (req, context) => context.json({firstName: "Louise", lastName: "Belcher"});`
Original file line number	Diff line number	Diff line change
`@@ -103,6 +103,7 @@`
`103`	`103`	`"demos/plugin-wrapper",`
`104`	`104`	`"demos/server-components",`
`105`	`105`	`"demos/middleware",`
`106`		`- "demos/custom-routes"`
	`106`	`+ "demos/custom-routes",`
	`107`	`+ "demos/next-with-edge-functions"`
`107`	`108`	`]`
`108`	`109`	`}`