skills.rest
sakicodes
sakicodesCOMMUNITY
Explore all skills by this author →
GitHub

aws-amplify

Build and deploy full-stack applications with AWS Amplify Gen2 TypeScript backends.

Updated Jul 1, 2026
Search Tags:#typescript#deployment#full-stack#bedrock#appsync#cognito#aws amplify
One-click install
npx skills add https://github.com/sakicodes/BuildFestHackathon26 --skill aws-amplify-sakicodes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aws-amplify
Source: https://github.com/sakicodes/BuildFestHackathon26/tree/main/.agents/skills/aws-amplify
Command: npx skills add https://github.com/sakicodes/BuildFestHackathon26 --skill aws-amplify-sakicodes

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @aws-amplify/backend, aws-amplify, @aws-amplify/ui-react, @aws-amplify/ui-react-ai, @aws-amplify/adapter-nextjs, and includes references (resource) components.

What problem does it solve? Building full-stack apps on AWS requires correctly wiring Cognito auth, AppSync/DynamoDB data, S3 storage, Lambda functions, and frontend SDK configuration across many frameworks, where small misconfigurations cause silent failures. This Skill provides validated, version-specific Amplify Gen2 patterns that prevent common mistakes. ## Core Features & Use Cases - Backend resource definition: Configure auth (email, social, SAML/OIDC, MFA, passwordless), data models with authorization rules and relationships, storage, Lambda functions, REST/HTTP APIs, and AI conversation/generation routes via Bedrock using TypeScript code-first APIs like defineAuth, defineData, and defineBackend. - Frontend integration across 8 frameworks: Framework-specific setup for React, Next.js (App and Pages Router), Vue, Angular, React Native, Flutter, Swift, and Android, including Authenticator UI components and typed data clients. - Deployment workflows: Sandbox environments, CI/CD pipeline-deploy with amplify.yml, IAM service roles, secrets management, custom domains, and monorepo configuration. - Use Case: A developer asks to add Google social login and a Todo data model with owner-based authorization to a Next.js app; the Skill routes to the auth-backend and data-backend references, then applies the Next.js App Router client-side configuration pattern. ## Quick Start Ask the assistant to scaffold a new Amplify Gen2 project with authentication and a data model for your chosen framework, then run npx ampx sandbox to deploy it.

Frequently Asked Questions about aws-amplify

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up authentication in AWS Amplify Gen2?▼

Define auth in amplify/auth/resource.ts using defineAuth with loginWith options such as email, phone, social providers, or passwordless methods, then import it into amplify/backend.ts via defineBackend. On the frontend, wrap your app with the Authenticator component from the framework-specific @aws-amplify/ui package.

How do I configure Amplify in a Next.js App Router project?▼

Create a client component that calls Amplify.configure(outputs, { ssr: true }) and render it in your root layout, since layout.tsx is a server component. Without this client-side configuration, you get errors like Auth UserPool not configured.

Does Amplify Gen2 support Flutter, Swift, and Android?▼

Yes, Amplify Gen2 supports Flutter, Swift, and Android through their native SDKs with Authenticator components for auth and Amplify.API for data operations. Each platform requires plugin registration, platform-specific outputs placement, and codegen via npx ampx generate graphql-client-code.

Why does my Amplify build fail with a module-not-found error for amplify_outputs.json?▼

The amplify_outputs.json file is generated, not committed, so it must exist before the app compiles. Run npx ampx sandbox or npx ampx sandbox --once locally, or npx ampx pipeline-deploy in CI/CD, to generate it.

What is the difference between Amplify Gen1 and Gen2?▼

Gen2 uses a TypeScript code-first approach with an amplify/backend.ts file and defineBackend, while Gen1 uses the Amplify CLI with an amplify/.config directory. This Skill covers Gen2 only; Gen1 projects require a separate migration path.

How do I add AI chat features with Amplify and Bedrock?▼

Define a.conversation() or a.generation() routes in your data schema with a.ai.model() selecting a Bedrock model, then use createAIHooks and AIConversation from @aws-amplify/ui-react-ai on the frontend. Conversation routes require allow.owner() authorization while generation routes require non-owner authorization.

Related Skills

Explore More Software Engineering Skills→
richardnromanrichardnroman

signing-in-to-aws

Configures short-term AWS CLI credentials using the aws login command.

Community
Intermediate
mgd34msumgd34msu
4

aws-amplify

Deploy full-stack web applications to AWS Amplify with CI/CD pipelines.

Community
Intermediate
probationer070probationer070

Security Review

Review Terraform and Lambda configurations for security vulnerabilities.

Community
Advanced
awslabsawslabs
856

aws-serverless-deployment

Automate AWS serverless deployments using SAM and CDK frameworks.

Official
Intermediate