fix(js): specify next js versions more explicitly (#8048)

Co-authored-by: haverchuck <[email protected]>

Author: haverchuck

src/fragments/start/getting-started/next/setup.mdx

@@ -1,6 +1,7 @@
 <Callout>
 
 This tutorial is built using the pages directory from NextJS. To learn more about using Amplify with the NextJS app directory please visit this [documentation page](/gen1/[platform]/build-a-backend/server-side-rendering/set-up-ssr/#use-amplify-with-nextjs-app-router-app-directory).
+**Note:** We currently support Next.js versions 13.5.0 up to 14.x. We are working to support version 15 or newer.
 
 </Callout>
 

src/pages/[platform]/start/quickstart/nextjs-app-router-client-components/index.mdx

@@ -32,6 +32,12 @@ This Quickstart guide will walk you through how to build a task list application
 - [git](https://git-scm.com/) v2.14.1 or later
 - If you are new to these technologies, we recommend you go through the official [React](https://react.dev/learn/tutorial-tic-tac-toe), [Next.js](https://nextjs.org/docs/getting-started/installation), and [TypeScript](https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html) tutorials first.
 
+<Callout>
+
+**Note:** We currently support Next.js versions 13.5.0 up to 14.x. We are working to support version 15 or newer.
+
+</Callout>
+
 ## Deploy a fullstack app to AWS
 
 We've created a starter "To-do" application to help get started faster. First, you will create a repository in your GitHub account using our starter Next template.

src/pages/gen1/[platform]/build-a-backend/restapi/gen-ai/index.mdx

@@ -41,7 +41,7 @@ With Amplify and Amazon Bedrock, you can create a generative AI application easi
 For this we will use React and Next.js to take advantage of the full managed hosting of Next.js server-side rendering (SSR) capabilities in Amplify Hosting. The first step is to create a new Next.js project using yarn, npm, pnpm, or Bun.
 
 ```bash
-npx create-next-app@latest
+npx create-next-app@14
 ```
 
 ```bash

src/pages/gen1/[platform]/start/getting-started/setup/index.mdx

@@ -223,6 +223,9 @@ cd amplify-app
 
 This tutorial is built using the [Next.js App Router](https://nextjs.org/docs/app/building-your-application/routing).
 
+**NOTE:** Amplify JS v6 supports Next.js with the version range: `>=13.5.0 <15.0.0`.
+Ensure you have the correct version to integrate with Amplify.
+
 </Callout>
 
 To set up the project, you'll first create a new Next.js app with [Create Next App](https://nextjs.org/docs/api-reference/create-next-app), a simple CLI tool that enables you to quickly start building a new Next.js application, with everything set up for you. You'll then add Amplify and initialize a new project.