AWS Amplify のアイコン

AWS Amplify Popular2017年〜

A service that provides full-stack web and mobile application development and hosting

What It Does

AWS Amplify is a full-stack development platform that lets frontend developers easily build and connect backend features like authentication, APIs, storage, and hosting. It supports major frameworks including React, Next.js, Vue, and Flutter, and automatically sets up CI/CD pipelines integrated with Git repositories. You can rapidly deploy production-ready web and mobile apps without infrastructure expertise.

Use Cases

Amplify is used for hosting single-page applications (SPAs) and static sites, building web applications with authentication, and creating mobile app backends that require real-time data synchronization. It's especially effective for startup prototype development and situations where frontend engineers need to build full-stack apps with a small team.

Everyday Analogy

Think of it like a serviced office. Normally, setting up an office requires finding a property, interior construction, phone lines, and internet connections. With a serviced office (Amplify), you just bring your desk and chair (frontend code), and a fully equipped environment with a reception desk (authentication), meeting rooms (APIs), and storage rooms (storage) is ready to use immediately.

What Is Amplify?

AWS Amplify is a platform that accelerates full-stack development of web and mobile applications. It lets frontend developers easily add features like authentication, databases, file storage, and APIs without worrying about backend infrastructure. It integrates with GitHub and GitLab, automatically building and deploying your app whenever you push code.

Amplify Hosting

Amplify Hosting provides CI/CD and hosting for web applications. When you connect a Git repository, preview environments are automatically created for each branch. It supports Next.js server-side rendering (SSR), so you can host dynamic web apps in addition to static sites. Custom domain setup and SSL certificate issuance are handled automatically.

Backend Features

Amplify provides a mechanism for defining backend resources in TypeScript. You can add authentication (Cognito), databases (DynamoDB), file storage (S3), and APIs (AppSync / API Gateway) with just a few lines of code. Behind the scenes, resources are automatically provisioned using CloudFormation, so you don't need to configure each AWS service individually. To get a comprehensive overview of backend features, related books on Amazon are a helpful reference.

Getting Started

In the Amplify console, click "Create new app" and connect your GitHub repository. The framework is automatically detected and build settings are suggested. Click "Save and deploy" and your app will be live within minutes. To add backend features, install the Amplify CLI and use commands like amplify add auth to add capabilities.

Things to Watch Out For

  • Amplify Hosting charges based on build time, so be mindful of costs for projects with frequent builds
  • AWS resources created behind the scenes by Amplify (Cognito, DynamoDB, etc.) also incur individual charges
  • When using Next.js SSR, Amplify automatically creates Lambda@Edge functions, so verify compatibility with your framework version
共有するXB!