Use Generative AI and Next.js with AWS Amplify to build a Fullstack Recipe Generator

Let’s dive into the world of Generative AI, Next.js, AWS Amplify, and Amazon Bedrock supercharged by Claude 3. In this guide, we’ll walk you through creating a recipe generator app where users can input a list of ingredients, and Claude 3 will generate ... more

The future of web development: AWS Amplify’s Code First Approach

The future of web development: AWS Amplify’s Code First Approach AWS Amplify‘s new code-first developer experience is contributing to shaping the future of web development. This approach emphasizes building with an app-first mentality, focusing on the ... more

Real-time data distribution with Amazon MSK and AWS AppSync

This post was co-written by Hammad Rasheed, Qasim Naeem, and Umair Ajmal from NETSOL Technologies. The competition to attract and retain an audience in a cluttered and fragmented digital space is accelerating. Customers expect digital products to provide ... more

The most visited front-end web and mobile blog posts in 2023

As we kick off 2024, I wanted to take a moment to highlight the top posts from 2023. Without further ado, here are the top 10 front-end web and mobile blog posts of 2023. Backends for Frontends Pattern – In this blog post, we describe how you can improve ... more

Create a Fullstack, Sample Web App powered by Amazon Bedrock

In this post we will walk you through creating a fullstack, sample web app that uses Amazon Bedrock to create generative AI-powered application features and user experiences. Your sample app will include: A React frontend web application, built with ... more

Accessing resources in a Amazon Virtual Private Cloud (Amazon VPC) from Next.js API Routes

Developers often need to access resources deployed inside of a Amazon Virtual Private Cloud (Amazon VPC) from Next.js applications deployed to AWS Amplify Hosting. An Amazon VPC can enable enterprises to launch resources in an isolated virtual network; ... more

The CTO’s Guide to building fullstack applications with AWS Amplify

As CTO, you are responsible for overseeing your engineering team’s technology strategy and guiding decisions around frameworks, architectures, and infrastructure. Choosing the right technology stack is crucial for building robust, scalable applications ... more

Build a GraphQL API for your Amazon Aurora MySQL database using AWS AppSync and the RDS Data API

Today, we’re excited to announce that AWS AppSync now makes it easier for customers to create GraphQL APIs based on the the tables of their existing MySQL and PostgreSQL databases running on Amazon Aurora clusters configured with the Data API. When building ... more

Create a GraphQL API for any existing MySQL and PostgreSQL database

We’re excited to announce a new capability that makes it easy to build scalable, secure GraphQL interfaces over your existing relational databases with AWS Cloud Development Kit (CDK). Provide the AWS Amplify GraphQL API CDK construct with your database ... more

Introducing the Next Generation of AWS Amplify’s Fullstack Development Experience

AWS Amplify just announced a public preview of a new code-first developer experience that empowers frontend developers to quickly build and deploy fullstack apps with their existing TypeScript or Javascript skills. The first generation of the tooling ... more

Introducing Support for Hosting Any SSR app on AWS Amplify Hosting

We’re excited to announce the general availability of a new deployment specification that enables developers and frontend framework authors to deploy fully managed server-side rendering (SSR) applications on AWS Amplify Hosting. The deployment specification ... more

The frontend web and mobile app developer’s guide to AWS re:Invent 2023

ICYMI – AWS re:Invent is only a week away! We can’t wait to join thousands of builders in person and virtually for another exciting event. Don’t forget to register here. In this blog post, we’re highlighting the most exciting sessions for technology ... more

6 New AWS Amplify Launches for Frontend Developers

Today, the AWS Amplify team has six brand new launches to share with you — all addressing common requests from our community. In this post, we’ll share improvements to our documentation site, Next.js 14 support, custom authentication providers, React ... more

Wildcard Subdomains for Multi-tenant Apps on AWS Amplify Hosting

AWS Amplify Hosting is excited to announce the general availability of wildcard subdomains when using a custom domain with your Amplify application. This is critical for developers that are building personalized user experiences in their Software as ... more

Building fast Next.js apps using TypeScript and AWS Amplify JavaScript v6

We are excited to announce the general availability of v6 of the AWS Amplify JavaScript Library. This release has many of the most asked for improvements and features that you, our community, have been asking for. This release provides substantial reductions ... more

Build a Real-time, WebSockets API for Amazon Bedrock

Generative AI is transforming the way applications interface with data, which in turn is creating new challenges for application developers building with generative AI services like Amazon Bedrock. Amazon Bedrock is the easiest way to build and scale ... more

Connect Amazon Bedrock to your data with AWS AppSync and GraphQL

This post describes how you can leverage AWS AppSync and GraphQL APIs to seamlessly connect your Amazon Bedrock FMs and Agents to both public APIs and to your private APIs and databases. Amazon Bedrock is a generative AI service, and is the easiest way ... more

GraphQL Gateway Based Federation with AWS AppSync and GraphQL Fusion

Composing multiple GraphQL schemas into a single endpoint gives developers the ability to develop, deploy, and scale their services independently while exposing them as a single GraphQL schema. There are many patterns and approaches to schema composition ... more

Modern Tooling for Your Website using AWS, Contentful, and Next.js

Modern Tooling for Your Website using AWS, Contentful & Next.js In this tutorial, we’ll build a blog website from beginning to end with an A-level Lighthouse performance scale and low maintenance friction. I’ll show you how to store your content ... more

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. ... more

NEW AWS Amplify GraphQL API CDK construct: deploy a real-time GraphQL API and data stack on AWS

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 ... more

AWS Amplify JavaScript’s NEW developer preview with reduced bundle size, improved TypeScript and Next.js support

Today, we are excited to unveil the v6 Developer Preview of the AWS Amplify JavaScript Library. This is a milestone release that we believe will improve the way you approach web development with your AWS cloud backend. We have been listening to your ... more

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, ... more

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. ... more

Introducing new AWS AppSync module and functions for DynamoDB JavaScript resolvers

This article is written by Kim Wendt, Sr. Solutions Architect AWS AppSync is a service that allows you to build, manage, and host GraphQL APIs in the cloud. With AppSync, you simply write your GraphQL schema and connect to data sources using resolvers. ... more

Build a serverless store finder site using Amazon Location Service

Retail businesses are constantly aiming to increase accessibility and foot traffic at their physical store locations. To achieve this, potential customers must be able to accurately locate the most convenient retail location to visit. Providing information ... more

AWS AppSync now supports JavaScript for all resolvers in GraphQL APIs

AWS AppSync is a managed service that makes it easy to build scalable APIs that connect applications to data. Whether you’re looking to power your web applications with an API that connects to Amazon DynamoDB, or you are looking to build a real-time ... more

AWS SAM now supports GraphQL Applications with AWS AppSync

We are pleased to announce that AWS Serverless Application Model (AWS SAM) now supports building serverless GraphQL APIs with AWS AppSync. AWS SAM provides a short-hand syntax for defining AWS serverless resources. AWS AppSync enables developers to connect ... more

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 ... more

AWS Amplify enables CloudWatch Logging Support for Swift and Android

We are excited to announce the AWS Amplify Logger for Swift and Android developers, which enables you to send logs to Amazon CloudWatch for errors happening from the Amplify libraries, or write your own custom logs for errors in different parts of your ... more