Skip to content
Merged
Show file tree
Hide file tree
Changes from 3 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