API (GraphQL) - React - AWS Amplify Gen 1 Documentation (original) (raw)
Introducing Amplify Gen 2
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle.
Fullstack TypeScript
Write your app's data model, auth, storage, and functions in TypeScript; Amplify will do the rest.
Built with the AWS CDK
Use any cloud resource your app needs. Never worry about scale.
- How Amplify works
- Start
- Build & connect backend
* Set up Amplify Auth
* Manage user session and credentials
* Enable sign-up, sign-in, and sign-out
* Switching authentication flows
* Add social provider sign-in
* Manage user profiles
* Set up password change and recovery
* Manage MFA settings
* Remember a device
* Advanced workflows
* Delete user account
* Set up admin actions
* Set up user group management
* Use an existing Cognito User Pool and Identity Pool
* Override Amplify-generated Cognito resources
* Listen to auth events
* Under the hood
* Migrate from v5 to v6
* Set up Amplify GraphQL API
* Connect API to existing MySQL or PostgreSQL database
* Connect your app code to the API
* Customize your data model
* Customize authorization rules
* Create, update, and delete application data
* Read application data
* Subscribe to real-time events
* Set up custom queries and mutations
* Build search and aggregate queries
* Working with files / attachments
* Optimistic UI
* Connect to data from server-side runtimes
* JavaScript, Android, Swift, and Flutter client code generation
* Incorporate machine learning
* Evolving GraphQL schemas
* Modify Amplify-generated resources
* Upgrade from AppSync SDK
* Troubleshooting
*
* Batch put custom resolver
* GraphQL query with sorting by date
* Warehouse Management System
* Configure REST API
* Set up Amplify REST API
* Fetch data
* Update data
* Delete data
* Define authorization rules
* Test the REST API
* Build a generative AI sandbox with Amplify and Amazon Bedrock
* Use existing AWS resources
* Override Amplify-generated API Gateway resources
* Migrate from v5 to v6
* Configure Storage
* Set up Amplify Storage
* Using Path
* Upload files
* Download files
* Get file properties
* List files
* Copy files
* Remove files
* File access levels
* Use transfer acceleration
* Lambda triggers
* Import an S3 bucket or DynamoDB table
* Use existing AWS resources
* Modify Amplify-generated resources
* Migrate from v5 to v6
* Set up a function
* Reuse code and assets using layers
* Environment variables
* Access secret values
* Build options
* Configure Lambda function settings
* Call a GraphQL API from a Lambda function
* Use Amplify categories APIs from Next.js
* Use Amplify categories APIs from Nuxt 3
* Connect to existing AWS resources with Amplify CLI
* Connect to existing AWS resources built with the CDK
* Cache
* Console Logger
* Hub
* Internationalization
* Service Worker
*
* Set up Predictions
* Text-to-speech
* Transcribe audio to text
* Translate language
* Identify text
* Identify entities from images
* Label objects in an image
* Interpret sentiment
* Example application
*
* Set up Amplify Analytics
* Record events
* Identify user
* Automatically track sessions
* Enable and disable analytics
* Streaming analytics data
* Storing analytics data
* Personalized recommendations
* Use existing AWS resources
* Migrate from v5 to v6
*
* Set up Amplify DataStore
* Manipulating data
* Relational models
* Syncing data to cloud
* Set up authorization rules
* Conflict resolution
* Observe in real time
* DataStore events
* Additional DataStore methods
* Schema updates
* How it works
* Example application
* Customize primary keys
*
* Set up Amplify Geo
* Configure maps
* Work with maps
* Configure location search
* Work with location search
* Configure a geofence collection
* Work with geofences
* Use existing Amazon Location resources
* Migrate from Google Maps
* Use Amazon Location Service SDK
*
* Set up in-app messaging
* Create an in-app messaging campaign
* Integrate your application
* Sync messages
* Display messages
* Clear messages
* Identify a user
* Respond to interaction events
* Resolve conflicts
* Migrate from v5 to v6
*
* Set up Amplify Interactions
* Interact with bots
*
* Set up Amplify PubSub
* Subscribe and unsubscribe
* Publish
* Upgrading Amplify packages
* Migrate from Amplify JavaScript v5 to v6
* Troubleshoot configuration errors
* API Key Not Found issue
- Build UI
* Customize form inputs
* Data binding
* Configure special inputs
* Validate form data
* Manage form lifecycle
* Customize action buttons (Submit, Cancel, Clear, Reset)
* Extend input element in code
* Data binding
* UI event handler
* Collections
* Component slots
* Theming
* Responsive components
* Extend with code
* Best practices
- Deploy & host
- Tools
*
* Set up Amplify CLI
* Explore key workflows for Amplify CLI
* Commands
*
* Directives reference
* Hosting
*
* Use CDK to add custom AWS resources
* Use CloudFormation to add custom AWS resources
* Project-level configurations
* Apply tags to generated resources
* IAM Permissions Boundary for Amplify-generated roles
* Command hooks
* Monorepo project structure
* Override Amplify-generated project-level IAM resources
* Troubleshooting
*
* Share single environment
* Sandbox environments
* Multiple frontends
* Continuous deployment
* Commands
*
* Lambda triggers
* Mocking and testing
* Serverless containers
* Export Amplify project to CDK
* Headless mode for CI/CD
*
* Architecture
* Authoring a new plugin
* Migration & backwards compatibility
* AWS CDK v1 to v2 migration
* Lazy loading and custom selection set
* GraphQL Transformer v1 to v2 migration
* Override feature enablement migration
* Lambda layer behavior updates
* CLI Auth Signup Changes
* Amplify Codegen Models - List and list components nullability
* Migrate project to another AWS account
* GraphQL Transformer @auth identity claim changes
* Improved IAM authorization when using GraphQL API CDK construct
*
* IAM policy
* IAM roles and MFA
* Files and folders
* Usage data in Amplify CLI
* Diagnose
* Feature flags
* SSM Parameter Store
*
* Getting started
* Extend with the Amplify CLI
* Manage team access
* Custom domains
*
* Build UI
* Model database
* Bind UI to data
* Collections
* Write React code
*
* Data modeling
* Relationships
* Data management
*
* Manage authentication for users and groups
* Import Amazon Cognito resources
*
* Access control
*
* File browser
* File storage
* Configure Amplify categories
Was this page helpful?
Can you provide more details?
Page updated Apr 29, 2024
Set up Amplify GraphQL APILearn more about how to get started with Amplify's API categoryConnect API to existing MySQL or PostgreSQL databaseLearn how to connect your API to an existing MySQL or PostgreSQL database.Connect your app code to the APILearn how to connect your app code to the API.Customize your data modelCustomize your data model with primary keys, secondary indexes, and model relationships.Customize authorization rulesAdd authorization rules to your GraphQL schema to control access to your data.Create, update, and delete application dataLearn more about how to create and update data using GraphQL APIs in Amplify.Read application dataLearn more about how to read data using Amplify's GraphQL API category.Subscribe to real-time eventsLearn more about how to observe data changes using subscriptions in Amplify.Set up custom queries and mutationsAdd authorization rules to your GraphQL schema to control access to your data.Build search and aggregate queriesAdd authorization rules to your GraphQL schema to control access to your data.Working with files / attachmentsLearn more about associating Amplify Storage files with Amplify GraphQL API records.Optimistic UILearn more about implementing optimistic UI with Amplify GraphQL API.Connect to data from server-side runtimesLearn more about how to call an AppSync GraphQL API from a NodeJS app or a Lambda functionJavaScript, Android, Swift, and Flutter client code generationAmplify's codegen capabilities generate native code for iOS and Android, as well as types for Flow and TypeScript. Codegen can also generate GraphQL statements (queries, mutations, and subscriptions).Incorporate machine learningAdd AI/ML capabilities such as text recognition, image labeling, text-to-speech, and translation to your GraphQL API.Evolving GraphQL schemasEvolve your GraphQL schema over time using the @mapsTo directive to retain tables while renaming modelsModify Amplify-generated resourcesLearn more about how to modify Amplify-generated resources for Amplify GraphQL APIs. This allows you to modify underlying AppSync, DynamoDB, Lambda, and OpenSearch resources.Upgrade from AppSync SDKLearn how to upgrade from AWS AppSync SDK (Maintenance mode) to AWS Amplify.TroubleshootingAdd authorization rules to your GraphQL schema to control access to your data.Best practiceBest practices and examples for working with GraphQL.