Merge pull request #130 from edgio-docs/COMSUP-302_update_next_nuxt

[COMSUP-302] Update Next and Nuxt examples to latest version; Use v7 IO feature

examples/v7-nextjs-app-router/README.md

@@ -20,6 +20,8 @@ You can start editing the page by modifying `app/page.tsx`. The page auto-update
 
 This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
+This project also uses the Next.js Image component which Edgio automatically optimizes and serves images using the Edgio Image Optimization feature.
+
 ## Learn More
 
 To learn more about Edgio, take a look at the following resources:
@@ -34,6 +36,6 @@ Deploy this project on Edgio with the following command:
 npm run edgio:deploy
 ```
 
-Check out our [Next.js  documentation](https://docs.edg.io/guides/v7/sites_frameworks/getting_started/next) for more details.
+Check out our [Next.js documentation](https://docs.edg.io/guides/v7/sites_frameworks/getting_started/next) for more details.
 
 #

examples/v7-nextjs-app-router/edgio.config.js

@@ -81,25 +81,6 @@ module.exports = {
           'edgio-community-ecommerce-api-example-default.layer0-limelight.link',
       },
     },
-    {
-      name: 'image',
-      override_host_header: 'opt.moovweb.net',
-      hosts: [
-        {
-          scheme: 'match',
-          location: [
-            {
-              hostname: 'opt.moovweb.net',
-            },
-          ],
-        },
-      ],
-      tls_verify: {
-        allow_self_signed_certs: true,
-        use_sni: true,
-        sni_hint_and_strict_san_check: 'opt.moovweb.net',
-      },
-    },
   ],
 
   // Options for hosting serverless functions on Edgio

examples/v7-nextjs-app-router/next.config.js

@@ -1,13 +1,19 @@
 // This file was automatically added by edgio init.
 // You should commit this file to source control.
-const { withEdgio } = require('@edgio/next/config')
+const { withEdgio } = require('@edgio/next/config');
 
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  images: {
+    domains: [
+      'edgio-community-ecommerce-api-example-default.layer0-limelight.link',
+    ],
+  },
+};
 
-const _preEdgioExport = nextConfig;;
+const _preEdgioExport = nextConfig;
 
 module.exports = (phase, config) =>
   withEdgio({
-    ..._preEdgioExport
-  })
+    ..._preEdgioExport,
+  });