Front-End Web & Mobile

Category: Technical How-to

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

NextJs on Amplify

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

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

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

5 Next.js features that are better with AWS Amplify

5 Next.js features that are better with AWS Amplify

Next.js is a popular React framework that enables server-side rendering and static site generation for React apps. When combined with AWS Amplify, a set of purpose-built tools and features that enables frontend web and mobile developers to quickly and easily build full-stack applications on AWS, developers can build some really powerful apps. Here are 5 Next.js features that […]

Next.js API Routes with AWS Amplify

Next.js API Routes with AWS Amplify

Next.js is a popular React framework that enables server-side rendering and static site generation for React apps. It makes building full-stack React apps incredibly simple. Developers love Next.js over other solutions because it handles a lot of the difficult configuration required for server-side rendering and static site generation automatically. It has builtin support for styling, […]