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.

1. Backends for Frontends Pattern – In this blog post, we describe how you can improve end-user customer experience on your User Interfaces (UI) by implementing the Backend for Frontend pattern and providing real-time visual updates when your microservices raise events about mutations in their domain aggregates.
2. Apollo GraphQL Federation with AWS AppSync – Apollo Federation is an architecture and specification used to build and connect multiple distributed backend GraphQL (micro)services, exposing a single endpoint and GraphQL schema to API clients and consumers. In this post we explain how to setup an Apollo Federation Gateway connected to GraphQL subgraphs powered by AWS AppSync, a fully managed GraphQL service, and self-managed Apollo Server subgraphs running on AWS Lambda functions.
3. Introducing Merged APIs on AWS AppSync – AWS AppSync is a serverless GraphQL service that makes it easy to create, manage, monitor and secure your GraphQL APIs. Within an AppSync API, developers can access data across multiple different data sources including Amazon DynamoDB, AWS Lambda, and HTTP APIs. As the service continues to grow in adoption, our customers have faced challenges related to team collaboration across multiple teams and AWS accounts within an organization. Each AppSync API has a single GraphQL schema and configured data sources, resolvers, and functions.
4. Introducing Private APIs on AWS AppSync – AWS AppSync is a fully managed service that enables developers to create GraphQL APIs that can securely access, manipulate and combine data from one or more data sources. When you create a GraphQL API on AppSync, a public endpoint will be generated which can be used to send queries, mutations and subscriptions requests to the API. However, clients within a private network, like an Amazon Virtual Private Cloud (VPC) or on-premises network, will need a network route through the internet to reach the AppSync public endpoint. This can be a challenge for customers that need to change their security policy and firewall rules to send requests to the AppSync API.
5. 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 to bundle size, improved TypeScript coverage and typing support, secure runtime token support, and full support for Next.js App Router and Server Actions.
6. 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 offered a tooling-first experience, using a CLI/Console-based interactive workflow to create a backend. Gen 2 transitions to a code-first DX, allowing developers to succinctly express app requirements like data models, business logic, and authorization rules in TypeScript. The necessary cloud infrastructure is automatically deployed based on the declared app code, without requiring developers to explicitly configure AWS service interfaces.
7. 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 over the other, and how to deploy either approach using AWS Amplify. Amplify is a complete solution that lets frontend web and mobile developers easily build, ship, and host full-stack applications on AWS.
8. 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, routing, bundling, and more. Next.js apps are also very performant, search engine optimized, and can be deployed easily to hosting providers with a single command. The flexibility, simplicity, and features of Next.js make it a top choice for building production React applications.
9. Real time multi group app with AWS Amplify GraphQL Build a Twitter Community clone – In a recent industry survey, over 66.6% (up from 59.7% in 2019) of JavaScript developers have used real-time technologies. Multiplayer apps makes your app more delightful and drives more organic adoption through user collaboration.
10. 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.

A big thank you to all our readers! Your feedback and collaboration are appreciated and help us produce better content.