Empezar a desarrollar aplicaciones web full-stack con AWS Amplify - Despliegue integrado con Git y construcción del backend

Construya un entorno de despliegue automático por rama mediante la integración con GitHub y defina la autenticación / API / almacenamiento en TypeScript con Backend Gen 2. También es compatible con el SSR de Next.js.

Unos 7 min de lecturaÚltima actualización: 2026-10-31

Descripción general de Amplify

Amplify es un servicio que integra la construcción y el alojamiento de aplicaciones web / móviles full-stack. Amplify Hosting ofrece CI/CD integrado con repositorios Git y alojamiento en una CDN global, y Amplify Backend (Gen 2) define / despliega recursos de backend como la autenticación, las API y el almacenamiento con TypeScript y CDK. Una de las diferencias en comparación con Vercel o Netlify es la integración nativa con los servicios de AWS (Cognito, AppSync, DynamoDB). Es compatible con los principales frameworks, como React, Next.js, Vue, Nuxt y Angular, y admite tanto SSR como SSG.

Hosting y Backend

Al conectar un repositorio de GitHub a Amplify Hosting, se prepara un entorno de despliegue automático para cada rama. Puede operar la rama main como entorno de producción y la rama develop como entorno de staging. Amplify Backend define los recursos de backend en TypeScript. Se construyen automáticamente un Cognito User Pool para la autenticación, AppSync (GraphQL) o API Gateway (REST) para la API y buckets S3 para el almacenamiento. Con el comando npx ampx sandbox puede iniciar un entorno de backend independiente para cada desarrollador, lo que evita conflictos de entorno en el desarrollo en equipo.

Dominios personalizados y SSR

Amplify Hosting ofrece la configuración de dominios personalizados y la emisión automática de certificados SSL. Al conectar un dominio de Route 53, la configuración de DNS se realiza automáticamente. El SSR (Server-Side Rendering) es compatible con Next.js y Nuxt. En las ramas con vista previa habilitada, se crea un entorno de vista previa para cada pull request y, al fusionar tras la revisión, se despliega automáticamente en el entorno de producción. Las variables de entorno se pueden configurar por rama, lo que permite utilizar distintos endpoints de API para desarrollo / staging / producción.

Precios de Amplify

La tarifa de compilación de Amplify Hosting es de aproximadamente 0.01 USD por minuto, el alojamiento cuesta aproximadamente 0.023 USD por GB al mes y las solicitudes SSR cuestan aproximadamente 0.30 USD por cada 1 millón de solicitudes (a fecha de octubre de 2026). En SSR, además del número de solicitudes, también se cobra el tiempo de procesamiento (GB-hora). El alcance cubierto por la capa gratuita de AWS varía según la fecha de creación de la cuenta y el tipo de capa. En Amplify Backend (Gen 2) se aplican las tarifas individuales de los servicios de AWS que se utilicen (AppSync, DynamoDB, Cognito, S3). El uso de la caché de compilación acorta el tiempo de compilación y ayuda a contener las tarifas de compilación.

Casos de uso representativos

Amplify es especialmente adecuado cuando se desea poner en marcha rápidamente el frontend y el backend en conjunto. Para publicar sitios SPA / Jamstack de React o Next.js con solo hacer push a Git, se obtienen la distribución por CDN y el CI/CD como un conjunto. En aplicaciones full-stack como sitios de miembros con autenticación o paneles, puede construir la autenticación con Cognito y la API GraphQL de AppSync a partir de definiciones en TypeScript. También es una opción fácil de utilizar en situaciones en las que se desea contener el esfuerzo de construir la infraestructura, como el desarrollo de un MVP en una startup o la construcción en poco tiempo de herramientas internas.

El estilo de desarrollo de Backend Gen 2

Backend Gen 2 declara los recursos de backend como código TypeScript. Al definir los recursos con funciones como defineAuth, defineData y defineStorage, se convierten internamente a CDK y se despliegan. Como las partes que no cubren las funciones estándar se pueden ampliar escribiendo directamente constructs de CDK, resulta más fácil combinar la sencillez de Amplify con la flexibilidad de CDK. Al iniciar npx ampx sandbox, se prepara un entorno en la nube aislado para cada desarrollador y los cambios de código locales se reflejan en los recursos de la nube. Puede verificar con una configuración cercana a la de producción mientras evita conflictos de entorno en el desarrollo en equipo.

Prácticas recomendadas para compilaciones y estrategia de ramas

Los pasos de compilación de Amplify se definen de forma declarativa en amplify.yml. Se especifican comandos en cada una de las fases preBuild / build / postBuild y se pueden incorporar la instalación de paquetes de dependencias y la ejecución de pruebas. En la estrategia de ramas, una forma de proceder es separar la rama de producción y la rama de staging, y revisar en el entorno de vista previa de la pull request antes de incorporar los cambios a la rama de producción. Las variables de entorno se configuran por rama y se cambian los endpoints de API y las feature flags para cada entorno. En una configuración de monorepo, se especifica el directorio raíz de la aplicación para acotar el objetivo y, al habilitar la caché de compilación, se puede evitar volver a obtener los paquetes de dependencias y acortar el tiempo de compilación.

Cuándo elegir Amplify frente a otros métodos de alojamiento

Incluso dentro de AWS hay varias opciones de alojamiento web. Para sitios estáticos o SPA sencillas en los que no importa construir el CI/CD por cuenta propia, una configuración de S3 y CloudFront facilita contener los costes y también permite un control detallado. En cambio, si desea mantener en funcionamiento permanente un servidor de API que se ejecuta en contenedores, los candidatos son ECS o, si ya lo utiliza, App Runner (ha dejado de aceptar nuevos clientes), y estos quedan fuera del ámbito de responsabilidad de Amplify. Amplify es adecuado cuando se desea gestionar en un solo lugar la automatización del despliegue del frontend y la definición del backend mediante código. Es razonable elegir según la naturaleza de la aplicación: S3 y CloudFront si el requisito es solo la distribución estática, Lambda si la lógica del lado del servidor es lo principal y también App Runner si ya lo utiliza.

Resumen

Amplify es un servicio que integra el alojamiento del frontend y la construcción del backend de las aplicaciones web. Mediante la integración con repositorios Git, construye un entorno de despliegue automático para cada rama y también es compatible con el SSR de Next.js. Con Backend Gen 2 se puede definir el backend mediante código, lo que ayuda a mejorar la productividad del desarrollo full-stack.

Referencias (recursos oficiales de AWS)

Las fuentes primarias de esta página son el sitio web y la documentación oficiales de AWS. Consulta las páginas oficiales siguientes para conocer las especificaciones y los precios más recientes.

Si esta página y la documentación oficial difieren, prevalece la documentación oficial.

Construcción de API GraphQL en tiempo real con AWS AppSync - Diseño de suscripciones y resolversPresentamos patrones de diseño que logran notificaciones en tiempo real con suscripciones basadas en WebSocket e integran varias fuentes de datos con pipeline resolvers de DynamoDB / Lambda.Integración de GraphQL de microservicios con AWS AppSync Merged API - Práctica de desarrollo distribuido por equiposExplicamos cómo integrar en un único endpoint las API GraphQL que varios equipos desarrollan / despliegan de forma independiente. También presentamos formas de evitar conflictos de esquema y el diseño de la estrategia de autenticación.Aceleración del desarrollo full-stack - Construcción de aplicaciones nativas en la nube con AmplifyExplicamos las técnicas de desarrollo full-stack con AWS Amplify, incluyendo el alojamiento del frontend, la construcción del backend y el desarrollo rápido de aplicaciones mediante la integración de autenticación y almacenamiento.Geolocalización y mapas - Construcción de aplicaciones geoespaciales con Amazon Location Service y AmplifyAprende a construir aplicaciones de geolocalización y mapas usando Amazon Location Service y AWS Amplify.API GraphQL en tiempo real - Construcción de aplicaciones basadas en datos con AWS AppSyncAprende a construir APIs GraphQL usando AWS AppSync.Plataforma de transmisión en directo - Construir streaming en directo de baja latencia con Amazon IVSSe explica la construcción de transmisiones en directo de baja latencia con Amazon Interactive Video Service (IVS). Se presentan la infraestructura gestionada, la integración de chat, la función de escenarios en tiempo real y cuándo usar IVS o MediaLive.Construcción de aplicaciones de ubicación con Amazon Location Service - Mapas, geocodificación y seguimientoSe presentan patrones de implementación para construir aplicaciones de ubicación con las 4 funciones: visualización de mapas, geocodificación, cálculo de rutas y seguimiento de dispositivos.