export const meta = {
  title: "Getting started",
  description: "Getting Started with Amplify",
  disableTOC: "true",
  filterKey: "integration",
};

AWS Amplify is a complete solution that lets frontend web and mobile developers easily build, connect, and host fullstack applications on AWS, with the flexibility to leverage the breadth of AWS services as your use cases evolve. Amplify provides the following products to build fullstack iOS, Android, Flutter, Web, and React Native apps. These products are all designed to work independently:

- **Amplify [CLI](/cli)** - Configure all the services needed to power your backend through a simple command line interface.
- **Amplify [Libraries](/lib)** - Client libraries to build common use cases such as Auth, data, and File Storage by connecting your frontend app to your backend resources.
- **Amplify [UI Components](/ui)** - UI libraries to build your frontend app built for React, React Native, Angular, Vue and Flutter.
- **Amplify [Hosting](https://aws.amazon.com/amplify/hosting/)** is an AWS service that provides a git-based workflow for continuous deployment & hosting of fullstack web apps.

import ios0 from '/src/fragments/start/getting-started/ios/build.mdx';

<Fragments fragments={{ ios: ios0 }} />

import android1 from '/src/fragments/start/getting-started/android/build.mdx';

<Fragments fragments={{ android: android1 }} />

import flutter2 from '/src/fragments/start/getting-started/flutter/build.mdx';

<Fragments fragments={{ flutter: flutter2 }} />

import js3 from '/src/fragments/start/getting-started/vanillajs/build.mdx';

<Fragments fragments={{ js: js3 }} />

import next4 from '/src/fragments/start/getting-started/next/build.mdx';

<Fragments fragments={{ next: next4 }} />

import react5 from '/src/fragments/start/getting-started/react/build.mdx';

<Fragments fragments={{ react: react5 }} />

import react_native6 from '/src/fragments/start/getting-started/reactnative/build.mdx';

<Fragments fragments={{ 'react-native': react_native6 }} />

import angular7 from '/src/fragments/start/getting-started/angular/build.mdx';

<Fragments fragments={{ angular: angular7 }} />

import vue9 from '/src/fragments/start/getting-started/vue/build.mdx';

<Fragments fragments={{ vue: vue9 }} />

import ios10 from '/src/fragments/start/getting-started/ios/build-footer.mdx';

<Fragments fragments={{ ios: ios10 }} />

import android11 from '/src/fragments/start/getting-started/android/build-footer.mdx';

<Fragments fragments={{ android: android11 }} />

import flutter12 from '/src/fragments/start/getting-started/flutter/build-footer.mdx';

<Fragments fragments={{ flutter: flutter12 }} />

import js13 from '/src/fragments/start/getting-started/common/build-footer.mdx';

<Fragments fragments={{ js: js13 }} />

import next14 from '/src/fragments/start/getting-started/common/build-footer.mdx';

<Fragments fragments={{ next: next14 }} />

import react15 from '/src/fragments/start/getting-started/common/build-footer.mdx';

<Fragments fragments={{ react: react15 }} />

import react_native16 from '/src/fragments/start/getting-started/common/build-footer.mdx';

<Fragments fragments={{ 'react-native': react_native16 }} />

import angular17 from '/src/fragments/start/getting-started/common/build-footer.mdx';

<Fragments fragments={{ angular: angular17 }} />

import vue19 from '/src/fragments/start/getting-started/common/build-footer.mdx';

<Fragments fragments={{ vue: vue19 }} />