Front-End Web & Mobile
Tag: Amplify
AWS Amplify presents: “Hey, Amplify!” A Discord Bot
Today, we are announcing “Hey, Amplify!“, a Discord bot aimed at improving the community experience. The AWS Amplify community Discord server has grown to amass nearly 20,000 members since its beginning in May 2020. Over time we have observed how members use Discord and what can be challenging with many supported services and platforms being […]
Deploy a NextJS 13 application to Amplify with the AWS CDK
Modern application development often includes features such as authentication, API setup, and file storage. In a previous post we saw how AWS Amplify and the AWS CDK manage the undifferentiated heavy-lifting of standing up these services. However, without a hosting platform your customers would never see your product. Fortunately, AWS Amplify Hosting is a platform […]
Deploy a Next.js 13 app to AWS with Amplify Hosting
June 27, 2024: This blog post covers Amplify Gen 1. For new Amplify apps, we recommend using Amplify Gen 2. You can learn more about Gen 2 in our launch blog post. Today, AWS Amplify Hosting announces Next.js 12 and 13 support. Your app can take advantage of Next.js features including server-side rendering (SSR), API routes, middleware, […]
TUTORIAL: Build a responsive pricing component with Amplify Studio Figma-to-React code
Contending with different screen sizes is something every front-end or full-stack developer has to handle, one way or another. Modern applications are not just expected to be functional across devices – users except an elegant, quality experience, from a phone screen to a 40“ ultrawide monitor. In this tutorial, you’ll learn how to leverage Figma’s […]
NEW: Build responsive Figma-to-React components with almost no code
Amplify Studio is excited to announce significant enhancements to responsive component design through Figma-to-Code! Just build your variants and customize your breakpoints – Amplify Studio does the heavy lifting by generating React components with your design decisions already built in. How it works Modern application design requires developers to design for all different screen sizes. […]
Considerations when choosing HAQM Location Services Map Styles
HAQM Location Service offers nine different map styles to fit multiple use cases. How do you pick the right base map style for your application? And how does the base map you pick influence the rest of your application? In this post, we review the different map styles available with HAQM Location maps, as well […]
Build a Mobile App with Passwordless Login on top of AWS Amplify
June 27, 2024: This blog post covers Amplify Gen 1. For new Amplify apps, we recommend using Amplify Gen 2. You can learn more about Gen 2 in our launch blog post. Note: The HAQM Cognito hosted UI (Web) does not support the custom authentication flow. According to the Gartner Group , 20% to 50% […]
How to build a Chrome extension that integrates with Amplify resources
AWS Amplify is the fastest and easiest way to build cloud-powered mobile and web apps on AWS. Amplify comprises a set of tools and services that enables front-end web and mobile developers to leverage the power of AWS services to build innovative and feature-rich applications. Chrome extensions are a great way to build mini applications that […]
Build an e-Commerce site with Figma-to-React code using Component Slots and dynamic data
This blog post was written by Wesley Peck, Senior Product Manager – Technical at AWS Amplify. Component Slots are a new Amplify Studio feature that allows you to pass content as children of your components. Last time, we outlined how to pass static content into a component generated by AWS Amplify Studio. Now, we will […]
Introducing Component Slots for Figma-to-React code in Amplify Studio
This blog post was written by Wesley Peck, Senior Product Manager – Technical at AWS Amplify. AWS Amplify Studio is excited to announce a new feature for the Amplify Studio UI Library called “Component Slots”! Component Slots allow you to pass React components or any JSX elements as children of a component generated by Figma. […]