Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
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 @@ -234,6 +234,12 @@ npm create next-app@14 -- next-amplified --ts --no-eslint --src-dir --import-ali
cd next-amplified
```

<Callout>

**Note:** We currently support Next JS versions 13.5.0 up to 14.x. We are investigating support for later versions.

</Callout>

This command will bootstrap the project with the following options:

- App Router
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,12 @@ Run the following command and following the instructions to create a Next.js app
npx create-next-app@">=13.5.0 <15.0.0" next-amplified
```

<Callout>

**Note:** We currently support Next JS versions 13.5.0 up to 14.x. We are investigating support for later versions.

</Callout>

Then run the following command to enter the root of your Next.js app.

```shellscript
Expand Down