Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/fragments/start/getting-started/next/setup.mdx
Original file line number Diff line number Diff line change
@@ -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 investigating support for later versions.

</Callout>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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 investigating support for later versions.

</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.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down