Amplify Docs (Gen 2)^Preview

Preview: A new code-first DX (Gen 2) for building backends

Amplify has reimagined the way frontend developers build fullstack applications on AWS. With this next generation of Amplify’s backend-building experience, you can author your frontend and backend definition completely with TypeScript, a file convention, and Git branch-based environments.

Get started How it works

Works with popular languages and frameworks

JavaScript
TypeScript
React
Next
Vue
Angular
React Native

Looking for the Amplify tooling-first (Gen 1) docs?

You are currently viewing the preview code-first DX (Gen 2) docs. Visit the tooling-first (Gen 1) docs .

Features

Code-first DX

The code-first developer experience is a new approach that lets you focus on your app code instead of infrastructure.

Fullstack Git deployments

Fullstack deployments from your Git branch. Deploy your frontend and backend together on every code commit.

Faster local development

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

Develop

TypeScript-first fullstack experience
Write TypeScript across 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

1import * as sns from 'aws-cdk-lib/aws-sns';
2import * as sqs from 'aws-cdk-lib/aws-sqs';
3import { defineBackend } from '@aws-amplify/backend';
4import { auth } from './auth/resource';
5import { data } from './data/resource';
6
7const backend = defineBackend({
8  auth,
9  data
10});
11
12const customResourceStack = backend.createStack('MyCustomResources');
13
14new sqs.Queue(customResourceStack, 'CustomQueue');
15new sns.Topic(customResourceStack, 'CustomTopic');

Amplify Docs (Gen 2) Preview