Front-End Web & Mobile

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

Title stating: The frontend web and mobile app developer’s guide to AWS re:Invent 2024In this blog post, we’re highlighting the most exciting sessions for technology leaders and frontend, full-stack, and backend developers. Sessions span intermediate (200) through expert (400) levels of content in a mix of interactive chalk talks, hands-on workshops, code talks, and lecture-style breakout sessions. We’ll cover the latest AWS tools, services, and features that help TypeScript, JavaScript, iOS, Android, React Native and Flutter developers to build and test their applications. Attendees will explore how cloud developer experiences are being reimagined for frontend developers, discover ways to power businesses of all sizes, and gain insights into how fullstack AI is shaping the future of web development.

What is AWS re:Invent?

AWS re:Invent is a learning conference for the global cloud computing community. The event kicks off on December 2 and continues through December 6, 2024. The in-person event features exciting keynote announcements, networking, training and certification opportunities, 2,000+ technical sessions, the Vendor Expo, fun after-hours events, and tons more.

Where is AWS re:invent 2024?

re:Invent is back in Las Vegas, Nevada! Check out the campus page for more information on venues, hotels, and how to get around. Can’t make the trip? Attend virtually! The virtual re:Invent will include a livestream of keynotes and innovation talks, access to breakout sessions, and more. For more information or to register for the virtual re:Invent, visit the Register page.

Frontend web and mobile breakout sessions

What are breakout sessions?

AWS re:Invent breakout sessions are lecture-style and 60 minutes long. These sessions are delivered by AWS experts and typically reserve 10–15 minutes for Q&A at the end. Breakout sessions are recorded and made available on-demand after the event.

Level 200 — Intermediate

FWM202 | Fullstack AI with AWS Amplify

Generative AI is transforming fullstack development. In this session, learn how AWS Amplify, Amazon Q, and Amazon Bedrock work together to streamline building generative AI apps. See how Amplify enables developers to build AI-driven features like intelligent search, summarization, content generation, and interactive chatbots backed by Amazon Bedrock. The session also demonstrates how Amplify with Amazon Q can accelerate your development process.

When: Monday, December 2 3:00 PM – 4:00 PM PST
Where: Mandalay Bay | Lower Level North | Islander G

FWM203 | I didn’t know AWS AppSync could do that!

AWS AppSync is a managed service for developers to connect their apps to cloud data, events, and AI models. No longer just a GraphQL API service, with AWS AppSync you can leverage serverless WebSockets to create real-time event APIs, build AI gateways to simplify and secure application access to Amazon Bedrock, and more. Join this session to learn about all the exciting new AWS AppSync features released this year.

When: Monday, December 2 1:30 PM – 2:30 PM PST
Where: Mandalay Bay | Lower Level North | South Pacific E | Purple

FWM204 | Optimizing the world’s top apps: How Meta tests using AWS Device Farm

In this session, learn how you can improve the quality of your mobile and web apps by running tests on real devices at scale with AWS Device Farm. Hear from Meta, a leading social media company, about how it uses Device Farm to streamline its mobile app testing process, improve the quality of its mobile apps and SDKs, run automated and manual tests on real devices in the cloud, identify and fix issues faster, and release updates more frequently.

When: Wednesday, December 4 10:30 AM – 11:30 AM PST
Where: MGM Grand | Level 1 | Grand 119

FWM205 | Startup to enterprise: Build frontend and fullstack apps that scale

AWS Amplify offers professional development teams an end-to-end experience and proven patterns to accelerate productivity and build with the speed and reliability of AWS infrastructure. Learn how to use these built-in patterns—along with Amplify’s flexibility to customize your AWS backend with CDK—to build apps that your organization can’t outgrow. This session provides a walkthrough of real-world scenarios and introduces new enterprise-focused capabilities in Amplify that make it easier than ever to build, deploy, and host secure, scalable, cloud-connected applications on AWS.

When: Wednesday, December 4 4:30 PM – 5:30 PM PST
Where: MGM Grand | Level 1 | Grand 116

Level 300 — Advanced

FWM302 | Real-time event patterns with WebSockets and AWS AppSync

AWS AppSync makes it easier for developers to build applications that consume real-time data updates and events, like live sports scores and stats, group chat messages, prices, or location and schedule updates. With AWS AppSync managed WebSocket channels, you can easily scale to connect millions of users and deliver billions of messages. In this session, learn how organizations like PGA Tour are using AWS AppSync to deliver real-time event updates to their application users. Additionally, get an overview of new features like enhanced filtering options and native integration with Amazon EventBridge.

When: Monday, December 2 8:30 AM – 9:30 AM PST
Where: MGM Grand | Level 3 | Chairmans 370

FWM310 | Build an AI gateway for Amazon Bedrock with AWS AppSync

Integrating generative AI into applications can be complex, often requiring developers to deal with complex permissions, exposed credentials, and identity management challenges when accessing AI backends. This session discusses how to use AWS AppSync to simplify integration with AI backends like Amazon Bedrock, implement tailored queries for your use cases, take advantage of security features to deploy a production-ready API, and control access to your generative AI resources. It covers both synchronous and asynchronous use cases.

When: Monday, December 210:30 AM – 11:30 AM PST
Where: Wynn | Level 1 | Lafite 4 | Content Hub | Orange Screen

FWM311 | What’s new in AWS for frontend developers

AWS Amplify makes it easy for frontend web and mobile developers to build full-stack applications in hours with minimal cloud expertise. This session walks through Amplify’s capabilities, including how you can easily configure a backend with authentication, data, and storage; how you can create a frontend UI; and how you can host server-side rendered web apps with Next.js. Learn about exciting new features that make it even easier for developers and teams to accelerate the pace of their innovation, leverage data to build differentiated application experiences, and give individual engineers the power of a virtual team.

When: Wednesday, December 41:30 PM – 2:30 PM PST
Where: MGM Grand | Level 1 | Grand 122

DEV304 | Build a cloud-powered cross-platform app with AWS Amplify

AWS Amplify has reimagined the way frontend developers build full-stack applications on AWS. With this next generation of Amplify’s backend-building experience, you can author your frontend and backend definitions entirely with TypeScript, providing you with schema validation, dot completion, and end-to-end types while you code, as well as per-developer cloud sandboxes and many more tools and features. In this session, learn about the next generation of AWS Amplify, how to build your backends, and how to extend them to any other AWS services such as generative AI services like Amazon Bedrock with the help of AWS CDK.

When: Thursday, December 51:00 PM – 2:00 PM PST
Where: Mandalay Bay | Level 2 South | Mandalay Bay Ballroom L | Content Hub | Orange Screen

DEV305 | Building an educational startup on AWS: A heroic journey

Gather ’round for the tale of two AWS heroes on their journey through the world of cloud. The goal: build and deploy an educational platform for AWS, on AWS. They will guide you over the hills & down the valleys of developing with MFA in Amazon Cognito, working with AWS Amplify, securing with AWS WAF, persisting users in Amazon DynamoDB, handling requests with Amazon API Gateway, and building with AWS Lambda and Powertools. Come see if our adventurers succeeded in their quest or end up at the last “Outpost.”

When: Tuesday, December 31:00 PM – 2:00 PM PST
Where: MGM Grand | Level 1 | Grand 120

Frontend web and mobile chalk talks

What are chalk talks?

Chalk Talks are highly interactive sessions with a small audience. Experts lead you through problems and solutions on a digital whiteboard as the discussion unfolds. Each begins with a short lecture (10–15 minutes) delivered by an AWS expert, followed by a 45- or 50-minute Q&A session with the audience.

Level 200 — Intermediate

FWM201 | Deliver reliable generative AI mobile apps: A testing architecture

In this chalk talk, discover how you can harness the power of AWS Device Farm to transform your mobile testing strategy. Adobe shares how they used Device Farm to build a standardized and scalable mobile testing framework for testing their generative AI–enabled apps. Learn how to: test across a range of iOS and Android devices without having or managing physical devices; reduce onboarding time for new applications in your testing pipeline; and gain insights into app functionality, performance, and resource usage.

When: Wednesday, December 4 5:30 PM – 6:30 PM PST
Where: MGM Grand | Level 1 | Boulevard 167

FWM206 | Accelerate frontend delivery with AWS Amplify Hosting

In this session, explore how AWS Amplify Hosting can help you deliver performant, reliable, and scalable web experiences faster. Amplify Hosting is a fully managed hosting service that supports popular frameworks like Next.js. Learn how to leverage Amplify’s CI/CD capabilities, framework integrations, and scalable infrastructure to ship web applications quickly without compromising on quality. We discuss modern web development best practices and techniques to help your organization innovate faster. Walk away with the knowledge to build, deploy, and scale static and server-side rendered frontend apps with ease using AWS Amplify Hosting.

First Session

When: Monday, December 2 9:00 AM – 10:00 AM PST
Where: Wynn | Convention Promenade | Lafleur 2

Repeat

When: Wednesday, December 4 8:30 AM – 9:30 AM PST
Where: Caesars Forum | Level 1 | Academy 411
Level 300 — Advanced

FWM301 | Go from idea to AI-powered app in minutes with AWS Amplify

AWS Amplify recently launched a second-generation developer experience featuring full-stack TypeScript capabilities for building production-ready applications on AWS. Generation two is built on top of AWS Cloud Development Kit (AWS CDK), making it possible to add any of the more than 200 AWS services to your Amplify application, including Amazon Bedrock for generative AI use cases. Join this chalk talk to discuss strategies for extending the Amplify full-stack TypeScript capabilities to create the next generation of innovative application experiences using AWS CDK and Amazon Bedrock.

First Session

When: Monday, December 2 10:30 AM – 11:30 AM PST
Where: Wynn | Convention Promenade | Latour 5

Repeat

When: Wednesday, December 4 9:00 AM – 10:00 AM PST
Where: Caesars Forum | Level 1 | Forum 126

FWM314 | AWS Amplify: Integrating data sources, authentication & AWS services

Expand the capabilities of your full stack applications with the latest updates to AWS Amplify. In this chalk talk, explore how Amplify can seamlessly integrate with a wide range of existing data sources, authentication providers, and AWS infrastructure. Connect your Amplify-powered applications to PostgreSQL or MySQL databases, leveraging Amplify’s data modeling and API generation capabilities. Discover how to authenticate users with any OpenID Connect (OIDC) or SAML provider. Use the AWS CDK to customize Amplify resources, such as Amazon S3 buckets and Amazon DynamoDB tables, and to add custom AWS resources to your project.

When: Monday, December 2 4:30 PM – 5:30 PM PST
Where: Caesars Forum | Level 1 | Forum 126

FWM315 | Build a BFF API layer for your AI models, data, and events

With AWS AppSync you can combine multiple databases, microservices, events, and AI models into a single backend-for-frontend (BFF) endpoint for developers. This chalk talk focuses on how you can use AWS AppSync to create a single API endpoint that governs and orchestrates usage of Amazon Bedrock, Amazon SageMaker, and third-party models, ensuring that your application developers can easily access the right model for their use case, and quickly pivot to new models as they emerge. Learn how you can easily extend that same endpoint to augment AI prompts and responses with enterprise data and events.

When: Wednesday, December 4 3:00 PM – 4:00 PM PST
Where: Caesars Forum | Level 1 | Alliance 305

FWM316 | Fullstack deployment strategies for teams of all sizes

AWS Amplify recently launched a Gen 2 developer experience featuring fullstack TypeScript capabilities for building production-ready apps on AWS. Gen 2 is built on top of AWS Cloud Development Kit (AWS CDK), making it possible to add any of the 200+ AWS services to your Amplify app, including Amazon Bedrock for generative AI use cases. Join this chalk talk to discuss strategies for extending Amplify fullstack Typescript capabilities with different Git strategies, monorepos and multirepos, and multiple AWS accounts.

When: Wednesday, December 4 12:00 PM – 1:00 PM PST
Where: Caesars Forum | Level 1 | Alliance 305

Frontend web and mobile workshops

What are workshops?

Workshops are hands-on sessions designed by the teams at Amazon Web Services (AWS). The goal of the workshops is to teach or introduce practical skills, techniques, or concepts which you can use to solve business problems.

Level 300 — Advanced

FWM303 | Build server-side rendered (SSR) apps with AWS Amplify and Next.js

Next.js continues to gain momentum as the preferred server-side rendering (SSR) React framework for frontend and full-stack web developers. Join this workshop to learn how to develop and deploy a Next.js application with the new AWS Amplify Gen 2 developer experience. You must bring your laptop to participate.

First Session

Where: Wednesday, December 4 4:00 PM – 6:00 PM PST
When MGM Grand | Level 1 | Grand 111

Repeat

When: Thursday, December 5 3:00 PM – 5:00 PM PST
Where: MGM Grand | Level 3 | Premier 312

FWM306 | Building GraphQL APIs with AWS AppSync

In this workshop, discover the functionality of AWS AppSync, a fully managed service that makes it easy to develop GraphQL APIs. Learn how AWS AppSync handles the heavy lifting of securely connecting to data sources like Amazon DynamoDB, Amazon Bedrock, AWS Lambda, and more. You must bring your laptop to participate.

When: Monday, December 2 3:30 PM – 5:30 PM PST
Where: Caesars Forum | Level 1 | Summit 216

FWM308 | Go from idea to app in hours using AWS Amplify and Amazon Q Developer

Bring your full-stack app from idea to reality faster with AWS Amplify and Amazon Q Developer. In this workshop, use AWS Amplify to build and deploy a full-stack app, and see how Amazon Q Developer speeds up the entire software development lifecycle. Leave this workshop knowing how to build and launch a cloud-connected app. You must bring your laptop to participate.

First Session

When: Wednesday, December 4 8:30 AM – 10:30 AM PST
Where: MGM Grand | Level 1 | Grand 113

Repeat

When: Thursday, December 5 12:00 PM – 2:00 PM PST
Where: MGM Grand | Level 3 | Premier 312

FWM309 | Build real-time applications with AWS Amplify & AWS AppSync WebSockets

Learn how to create applications that use real-time data to improve user engagement. In this workshop, build a multiplayer trivia application with live score updates and group chat functionality. Use AWS Amplify to connect an application frontend to a serverless backend built with AWS AppSync WebSockets. You must bring your laptop to participate.

When: Wednesday, December 4 12:30 PM – 2:30 PM PST
Where: Wynn | Upper Convention Promenade | Cristal 1

FWM313 | Test your web and mobile applications with AWS Device Farm

AWS Device Farm is an application testing service that helps you improve the quality of your web and mobile applications by testing them across an extensive range of desktop browsers and real mobile devices without having to provision and manage any testing infrastructure. This workshop provides hands-on guidance for software engineers, quality assurance engineers, software testers, platform engineers, and architects on how to get started using Device Farm to test your applications hosted in the AWS Cloud. You must bring your laptop to participate.

When: Monday, December 2 8:00 AM – 10:00 AM PST
Where: MGM Grand | Level 3 | Premier 312

ENU314 | Bring AWS IoT SiteWise visualizations into web applications

AWS IoT SiteWise Monitor allows you to build portals and dashboards for visualizing asset measurements on AWS IoT SiteWise. AWS IoT Application Kit is a development library for building industrial IoT web-based applications; it helps retrieve data from AWS IoT SiteWise and AWS IoT TwinMaker and provides frontend components and utilities. In this workshop, build a React web application with AWS Amplify and, using components of AWS IoT Application Kit, connect to AWS IoT SiteWise to incorporate live visualizations of telemetry data into the application. You must bring your laptop to participate.

When: Monday, December 2 8:30 AM – 10:30 AM PST
Where: Wynn | Convention Promenade | Margaux 2

What are builders’ sessions?

These 60-minute group sessions are led by an AWS expert and provide an interactive learning experience for building on AWS. Builders’ sessions are designed to create a hands-on experience where questions are encouraged.

Level 300 — Advanced

FWM304 | Build generative AI applications with full-stack TypeScript

Create powerful generative AI web applications using the TypeScript-based developer experience of AWS Amplify. In this hands-on builders’ session, build AI-driven features like intelligent search, summarization, content generation, and interactive AI assistants. Learn to integrate core application components, including data management and user authentication. By the end of the session, deploy your finished application to the cloud and gain practical experience developing and launching a full-stack AI application. You must bring your laptop to participate.

First Session

When: Monday, December 2 9:00 AM – 10:00 AM PST
Where: Caesars Forum | Level 1 | Alliance 311

Repeat #1

When: Thursday, December 5 11:30 AM – 12:30 PM PST
Where: Mandalay Bay | Level 2 South | Surf E

Repeat #2

When: Thursday, December 5 3:30 PM – 4:30 PM PST
Where: Mandalay Bay | Level 2 South | Surf B

FWM305 | Best practices for creating and testing cross-platform apps on AWS

Learn how to build applications for Android, iOS, and the web without the stress of maintaining different code bases. Use React Native libraries in AWS Amplify to create full-featured, cloud-powered applications. Learn how to add features such as authentication, API and data interactions, generative AI, and media/file storage. Also, test your application using AWS Device Farm. You must bring your laptop to participate.

First Session

When: Monday, December 2 9:00 AM – 10:00 AM PST
Where: Caesars Forum | Level 1 | Alliance 311

Repeat #1

When: Tuesday, December 3 12:00 PM – 1:00 PM PST
Where: Caesars Forum | Level 1 | Summit 232 | Content Hub | Builder’s 2

Repeat #2

When: Thursday, December 5 2:00 PM – 3:00 PM PST
Where: Mandalay Bay | Level 2 South | Surf B

NTA308 | Build a secure GraphQL with AWS AppSync

In this session, attendees learn how to use AWS Amplify Studio and AWS AppSync to build a secure and scalable GraphQL API. Start by exploring the benefits of a GraphQL-based architecture and how it can simplify application development. Then dive into a working session where participants create their own GraphQL API, configure authentication and authorization, and deploy it into production in your account. You must bring your laptop to participate.

First Session

When: Monday, December 2 1:00 PM – 2:00 PM PST
Where: Caesars Forum | Level 1 | Alliance 315

Repeat

When: Tuesday, December 3 5:30 PM – 6:30 PM PST
Where: Caesars Forum | Level 1 | Summit 232 | Content Hub | Builder’s 1

ARC301 | Rapidly build a generative AI-based full-stack application on AWS

Building a full-stack application involves multiple components and demands a diverse set of technical skills and tools, which can be highly challenging and time-consuming even for experienced developers. In this builders’ session, explore strategies for rapidly building a generative AI–based digital training platform. Use AWS Amplify Gen 2, a new code-first developer experience, combined with the open source design library Cloudscape to quickly build and deploy a full-stack application. Use the robust functionalities provided by Amazon Bedrock to generate summaries for the content uploaded to the platform. Learn how to build and deploy an e-learning platform that is ready for real-world usage. You must bring your laptop to participate.

When: Monday, December 2 2:30 PM – 3:30 PM PST
Where: Caesars Forum | Level 1 | Alliance 315

What are lightning talks?

Lightning talks are short, 20-minute demos led from a stage.

AIM246 | Securing AI-driven applications with Auth0 by Okta and Amazon Bedrock

In today’s digital landscape, securing applications is crucial. This lightning talk explores how developers can use Auth0 by Okta’s identity management solutions alongside Amazon Bedrock to build and scale secure applications. Learn how to integrate Auth0’s authentication, authorization, and user management features with Amazon Bedrock’s secure infrastructure. The talk also covers how AWS Amplify simplifies development by integrating frontend and backend services with robust identity management. Gain practical knowledge of key use cases, best practices, and technical integrations to build modern, secure applications efficiently in the cloud. This presentation is brought to you by Okta, an AWS Partner.

When: Tuesday, December 3 10:30 AM – 10:50 AM PST
Where: Venetian | Hall B | Expo | Theater 1

What are code talks?

Code talks are 60-minute, highly-interactive discussions featuring live coding. Attendees are encouraged to dig in and ask questions about the speaker’s approach.

Level 300 — Chalk Talk

FWM312 | Best practices for building full stack multi-tenant apps on AWS

Developing robust, multi-tenant applications that scale is complex. In this code talk, learn how AWS Amplify and AWS AppSync simplify building secure, high-performance full stack applications for multiple tenants. Discover best practices for architecting multi-tenant infrastructure on AWS leveraging Amplify’s frontend hosting and AWS AppSync’s managed GraphQL service. Through live demos and examples, see how Amplify and AWS AppSync work together to help you deliver enterprise-grade, multi-tenant experiences faster. Walk away with the knowledge to build scalable, multi-tenant applications that meet your customers’ needs.

When: Tuesday, December 3 4:30 PM – 5:30 PM PST
Where: Wynn | Convention Promenade | Lafite 2

Want to stay connected?

Get the latest updates for frontend web and mobile app developers by following us on X, joining Discord and visiting checking out the sessions at re:Invent website.