Front-End Web & Mobile
Category: Technical How-to
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
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, incremental static regeneration (ISR), and image optimization. In combination with Next.js feature support, Amplify Hosting is improving the experience of running Next.js apps on AWS: Faster builds. Next.js apps deploy […]
Cost Optimization using Amazon Location Tracker Filtering
Introduction When creating a Tracker resource in Amazon Location Service, you are presented with three options for filtering. Each option has some potential design and cost considerations you should be aware of as they filter out certain updates. We have evaluated the cost and usage of a demo application over time to create some recommendations […]
Building Offline first applications with AWS Amplify DataStore – Part 2
Building Offline first applications has been a challenge for developers, which have been relentlessly looking for ways to improve how applications are built. In the first part of this post, I revisited the concept of Offline first applications, some of the main challenges and how AWS Amplify DataStore can solve them. In this post, I […]
Building Offline first applications with AWS Amplify DataStore – Part 1
Developers have been looking for ways to improve how applications are built and the Offline first approach is one example of this quest. In this series of two posts, I will show how AWS Amplify DataStore addresses the main challenges of building Offline first applications. Introduction The development of cloud native applications requires an environment […]
Getting Started with AWS Amplify on macOS
The latest release of the AWS Amplify Libraries for Swift addresses the most popular issue on the Amplify Swift (formerly Amplify iOS) GitHub repo, macOS support. The Amplify Libraries are now in Developer Preview for macOS and support Analytics, API, Auth, DataStore, Geo, and Storage. In this blog post, you will learn to use Amplify […]
Secure AWS AppSync with Amazon Cognito using the AWS CDK
In a previous post, we explored how a public API Key for AWS AppSync provides a simple way of allowing access to resources, however, it does come with the following tradeoffs: Expiring after a certain amount of time. The key is passed on the x-api-key header of the request. Making it easy for bad actors […]
Secure AWS AppSync with API Keys using the AWS CDK
AWS AppSync is a managed GraphQL service offered by AWS. As a managed service, there are no servers to keep track of and scaling up and down due to traffic is automatically handled by AWS. In AppSync, there is no concept of a fully-public API. Every request must be protected by one of the following: […]
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 […]
Announcing server-side filters GraphQL subscriptions with AWS Amplify
Today, AWS Amplify is launching the ability for you to filter real-time GraphQL subscription events service-side with Amplify CLI version 10.3.1. This gives developers the ability to optimize network traffic by only getting the real-time events for the data they care about. For example, for a live stream broadcasting website, developers can now filter the […]