Front-End Web & Mobile
Category: Technical How-to
Architecture Patterns for AWS AppSync Private APIs
AWS AppSync is a fully managed service that enables developers to create GraphQL APIs that securely access, manipulate and combine data from one or more data sources. Recently, AWS announced the support for AWS AppSync Private APIs to help customers restrict access to your GraphQL APIs to API consumers within a private network, such as […]
Build a Geospatial Application with Amazon Location Service API Keys
Geospatial applications have become an integral part of our daily lives, from interactive maps to location-based services. With the increasing demand for such applications, developers require powerful and secure tools to build reliable geospatial solutions. Amazon Web Services (AWS) has been at the forefront of providing cutting-edge services, and the recent launch of Amazon Location […]
Connect a React app to GraphQL and DynamoDB with AWS CDK and Amplify
Today, we’re excited to announce the official AWS Cloud Development Kit (CDK) construct for Amplify’s GraphQL APIs capabilities. With Amplify’s GraphQL API CDK construct, you can create a real-time GraphQL API backed by data sources such as Amazon DynamoDB tables or AWS Lambda functions using a single GraphQL schema definition. (View on Construct Hub) Launching […]
Build a Conversational AI app to Interact with AWS using AWS Amplify
Developing a conversational application involves multiple complex components, such as authentication workflows, API interfaces, data management, and intent fulfilment business logic. These elements can be challenging to integrate and set up properly, especially for developers who are new to building conversational applications or who may not have extensive experience with AWS services. This blog post […]
Detect real users with AWS Amplify and Face Liveness
In the world of spoofing and bad actors, AWS Amplify and the Amplify UI FaceLivenessDetector component can help you verify if your app is being used by real users. This connected component library is powered by Amazon Rekognition Face Liveness feature. No machine learning or artificial intelligence (AI) experience is needed. This fully managed feature […]
SSG vs SSR in Next.js Web Applications: Choosing the Right Rendering Approach
Next.js, a popular React framework, has changed the way developers build modern web applications. It offers powerful features, such as Server-Side Rendering (SSR) and Static Site Generation (SSG), which optimize your application’s performance and user experience. In this blog post, we’ll explore the key differences between SSG and SSR, their advantages, when to choose one […]
Building a social network app with Amplify Form Builder and Storage
For apps that are heavily image dependent, like social media apps, managing file upload and access is core to the app’s success. Integrating with all the services needed for cloud-based file management and access can be painful, but Amplify Studio can provide you with tools to integrate quickly and easily with AWS S3 storage. In […]
Apollo GraphQL Federation with AWS AppSync
This article was written by Florian Chazal, Senior Specialist Solutions Architect, AWS Update (August 2022): This blog post has been updated to comply with the new Apollo Federation spec v2.0. If you are migrating from v1 check the official documentation. Apollo Federation is an architecture and specification used to build and connect multiple distributed backend […]
Client-side Caching Strategies for a Next.js app with AWS Amplify
This post builds on the initial posts in this series, Build a Product Roadmap with Next.js and Amplify, where we built an admin page for product managers to login and update the roadmap and then updated the app to add storage of documents. In this post, we’ll adapt the product management application to include a caching layer […]
Share code between Next.js apps with Nx on AWS Amplify Hosting
In this post, we will explore the capabilities of AWS Amplify Hosting to interface with monorepos, specifically Nx, and deploy the frontend applications that reside in them. We’ll learn the benefits of using a monorepo through an example of multiple banking websites that use the same mortgage calculator made up of libraries and components that […]