Front-End Web & Mobile

Category: Best Practices

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

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; however, developers may find it challenging to connect frontend applications to call APIs and databases within the Amazon […]

Query Heterogeneous Data Sources through AWS AppSync GraphQL APIs

AWS AppSync and Amazon API Gateway are managed API services designed to provide a unified endpoint enabling front end clients to access resources stored in various data sources. This article underscores the advantages of employing AppSync as the API solution for external clients to access your data sources via GraphQL. Introduction GraphQL, an API protocol, […]

AWS AppSync Merged APIs Best Practices: Part 3 – Security

In this AWS AppSync Merged API – Best practices series, we cover important topics for developers, architects, and security engineers who are creating and managing AWS AppSync Merged and Source APIs. This multi-part series discusses best practices on schema composition, security, deployment and testing and subscriptions for Merged APIs. AWS AppSync offers Merged APIs, which […]

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

cover image - schema composition

AWS AppSync Merged APIs Best Practices: Part 2 – Schema Composition

In the AWS AppSync Merged API – Best practices series, we cover important topics for developers, architects, and security engineers who are creating and managing AWS AppSync Merged and Source APIs. This multi-part series discusses best practices on schema composition, deployment and testing, security and subscriptions for Merged APIs. AWS AppSync offers Merged APIs, which […]

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