Next.js v10 support

[jaga810]

Is your feature request related to a problem? Please describe.
I want Amplify to support Next.js v10 so that I can implement features which is supported only by Next.js v10
As an example features that I want to use,I can drive my POC with Next.js Commerce and integrate i18n routing with React v17.
Also I can optimzie images using built-in Image Component and Automatic Image Optimizaiton.

Describe the solution you'd like

• List Next.js features not supported by Amplify Hosting so far
• Implement each features step by step

Additional context
Your app uses Next.js version 10

You can deploy an app created with Next.js version 10. However, Amplify currently supports the full feature set only through version 9.0.

I confirmed API Routes doesn't work in Next.js version 10.2.1 or later.
Error Log by Lambda@Edge is here.

2021-06-02T08:23:40.658Z    6f9cd6f1-c5fa-4663-96d2-239ccd5f5bbe    ERROR    Invoke Error  
{
    "errorType": "Error",
    "errorMessage": "Cannot find module '../../chunks/748.js'\nRequire stack:\n- /var/task/pages/api/users.js\n- /var/task/index.js\n- /var/runtime/UserFunction.js\n- /var/runtime/index.js",
    "code": "MODULE_NOT_FOUND",
    "requireStack": [
        "/var/task/pages/api/users.js",
        "/var/task/index.js",
        "/var/runtime/UserFunction.js",
        "/var/runtime/index.js"
    ],
    "stack": [
        "Error: Cannot find module '../../chunks/748.js'",
        "Require stack:",
        "- /var/task/pages/api/users.js",
        "- /var/task/index.js",
        "- /var/runtime/UserFunction.js",
        "- /var/runtime/index.js",
        "    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)",
        "    at Function.Module._load (internal/modules/cjs/loader.js:667:27)",
        "    at Module.require (internal/modules/cjs/loader.js:887:19)",
        "    at require (internal/modules/cjs/helpers.js:74:18)",
        "    at Object.*webpack_require*.f.require (/var/task/pages/api/users.js:363:28)",
        "    at /var/task/pages/api/users.js:297:40",
        "    at Array.reduce (<anonymous>)",
        "    at Function.*webpack_require*.e (/var/task/pages/api/users.js:296:67)",
        "    at Function.*webpack_require*.x (/var/task/pages/api/users.js:379:33)",
        "    at /var/task/pages/api/users.js:390:57"
    ]
}

Don't swallow MODULE_NOT_FOUND error #24577 released in 10.2.1 seems to cause this error.

[kahdojay]

Thanks for your feedback, we've taken an action item and will discuss next steps with the team.

[watilde]

JFYI: https://github.com/vercel/next.js/releases/tag/v11.0.0 has been released yesterday and some developers mention they want to use v11 on Amplify Console.

e.g.
https://twitter.com/Keisuke69/status/1404844111631319043

[dryna]

Do you have some timeline already for adding built-in Image Component and Automatic Image Optimizaiton. support? Just checking, because it's only one thing left for us to switch from serverless-next to amplify hosting and looking forward to it.

[swaminator]

We now have v10 support: https://aws.amazon.com/about-aws/whats-new/2021/08/aws-amplify-hosting-support-next-js-version-11/

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.