Front-End Web & Mobile

Tag: React

Feature Launch: Deploy a fullstack Next.js 13 app with AWS CDK

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 […]

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 […]

Figma-to-code component changing variant based on screen size

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. […]

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 […]

Blog banner for Component Slot feature launch

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. […]

Write Your Own Code with AWS Amplify Studio

AWS Amplify Studio enables developers to go from Figma designs to pixel-perfect React components. Since it’s built for developers, the code is one of the most important parts of the story. In this post, we’ll go through the ways you can write your own code combined with Amplify Studio-generated components. If you’re new to Amplify […]

Blog cover that shows a map with the team dinner location

Add Interactive Maps in React using Amplify Geo, powered by Amazon Location Service

This blog post was written by Michael Liendo – Senior Developer Advocate at AWS Amplify. Recently, AWS Amplify announced an easier way for React developers to add map and search functionality to their applications via the Amplify CLI as well as new AWS-aware Geo components. In this post, we’ll take a look at how to […]

Implementing Estimated Time of Arrival and Proximity Notifications for Delivery using Amazon Location Service

The development of location-based services is increasing at a rapid rate, supporting use cases such as asset track and delivery services. In this blog, we’ll show you how to implement an estimated time of arrival or proximity notification using Amazon Location Service. An example of this would be delivery of building materials (e.g., lumber, copper […]

Enable Sign in with Apple on your app with AWS Amplify

This article was written by Anna Pfoertsch. In this guide you will learn how to build a simple social sign in page for your Amplify project using the AWS Amplify Admin UI’s new Sign in with Apple (SIWA) functionality. SIWA supplements Amplify’s currently supported Identity Providers (Google, Facebook, and Amazon), and continues to allow developers […]

Complete guide to full-stack CI/CD workflows with AWS Amplify

Today AWS Amplify launched new enhancements to it’s CI/CD workflow for full-stack deployments that include conditional backend deployments, automatic build-time generation of the Amplify cloud configuration (aws-exports.js file), and easy re-use of backends across Amplify apps. These features make it even simpler to set up a full-stack, production-ready web app on AWS. AWS Amplify offers […]