Amplify Documentation for Next.js

AWS Amplify is everything you need to build web and mobile apps. Easy to start, easy to scale.

You can build a fullstack app using Amplify backend building capabilities, or you can deploy your React and Next.js web apps using Amplify Hosting.

Build fullstack apps with your framework of choice

You can use AWS Amplify with popular web and mobile frameworks like JavaScript, Flutter, Swift, and React. Build, connect, and host fullstack apps on AWS. Get started by selecting your preferred framework.

Features

Code-first DX

The fullstack TypeScript developer experience lets you focus on your app code instead of infrastructure.

Fullstack Git deployments

Deploy your frontend and backend together on every code commit. Your Git branch is the source of truth.

Faster local development

Per-developer cloud sandbox environments let you quickly iterate during development.

Develop

TypeScript-first fullstack experience
Write TypeScript across your app's frontend and backend. Get schema validation, dot completion, and end-to-end types while you code.
Real-time data for modern apps
Sync frontend state to real-time backend updates. Just write TypeScript without thinking about WebSockets.
Authn and authz for secure apps
Choose the auth strategy (such as passwords, social, email links) and control data access based on users and groups.
Auto-generate CRUD forms wired to data
Map CRUD forms to your data model with form-level validations and error states built in.

amplify/backend.ts
import * as sns from 'aws-cdk-lib/aws-sns';
import * as sqs from 'aws-cdk-lib/aws-sqs';
import { defineBackend } from '@aws-amplify/backend';
import { auth } from './auth/resource.js';
import { data } from './data/resource.js';
const backend = defineBackend({
const customResourceStack = backend.createStack('MyCustomResources');
new sqs.Queue(customResourceStack, 'CustomQueue');
new sns.Topic(customResourceStack, 'CustomTopic');

Select your cookie preferences