Front-End Web & Mobile

Category: Technical How-to

Building a full-stack chat application with AWS and NextJS

Modern chat apps require a rich set of features. These features include file storage, real-time updates, and the ability to fetch data on both the client and the server. Traditionally, this has meant stitching together many third-party services, or spending development time creating a custom solution. Furthermore, this slows down the time-to-market and introduces multiple […]

Build a Mobile App with Passwordless Login on top of AWS Amplify

Note: The Amazon Cognito hosted UI (Web) does not support the custom authentication flow. According to the Gartner Group , 20% to 50% of all IT help desk tickets each year are password resets, meaning the average managed service provider (MSP) with 1,300 users wastes around $7.19 per user, adding up to an annual cost […]

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

Building a GraphQL API with Java and AWS Lambda

Modern applications are driven by rich UI experience. GraphQL APIs are gaining popularity with developers and teams of all sizes as an alternative to REST APIs to support these applications. AWS Lambda is a serverless, event-driven compute service that lets you run code for virtually any type of application or backend service without provisioning or […]

How to enforce user quota on AWS AppSync with Lambda Authorizer

API Quotas define the valid amount of calls available for a consumer during a specific amount of time. Enforcing quotas protects your API from unintentional abuse, minimizes data exfiltration and protects your resources from excessive usage. Beyond the mentioned security benefits, it can also unlock your capabilities to monetize the digital assets sitting behind the […]

Amazon Music Unifies Music Queuing at Scale Using AWS AppSync and AWS Amplify

With millions of music lovers modifying their playlists and queues, switching between mobile and voice devices, and going in and out of network connectivity, music streaming service Amazon Music needs to deliver an engaging, low-latency experience. To create this seamless customer experience while scaling to support peak workloads, Amazon Music decided to build a centralized, […]

Featured image for nested collections

NEW: Generate React UI components with nested list data from Figma designs using Amplify Studio

This blog post was written by Wesley Peck, Senior Product Manager – Technical at AWS Amplify. Component Slots are a new feature in Amplify Studio that allows you to customize the content of components from your UI Library. If you haven’t read through our previous posts in this series, take a look to learn how […]

Featured image for component slots with dynamic data

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

Build your own application for route optimization and tracking using AWS Amplify and Amazon Location Service

Many companies serve their customers “in the field.” These are broadly: 1) companies that have a field service business function, e.g., for the repair of equipment that they sell to their customers, and 2) companies that have a route sales business function, e.g., a Consumer Packaged Goods (CPG) company’s own or contract employees stocking the […]

Resolve Single Page Application integration issues with legacy API’s that do not support CORS using AWS

Many modern cloud native web application architectures include Single Page Applications (SPA’s) integrating with multiple backend API’s. As customers start defining their transitional architectures for modernizing their monolithic web applications and migrating to cloud, one of the common issues that they run into is integrating their modern frontend layer with legacy backend API’s that are […]