API contracts are the backbone of modern frontend-backend collaboration, but manual integration slows teams down and increases errors. What if we could automate it? In this talk, we’ll dive into Shift Left API contract development and introduce an approach to automatically generate an NPM package from API contracts. This package provides:

✅ TypeScript types for strict FE & BE consistency

✅ Zod validation for safer forms and API responses

✅ Axios + React Query for streamlined fetching & caching

✅ Automated versioning & observability to ensure API integrity

By shifting API validation, testing, and integration earlier in development, teams can move faster, reduce errors, and improve efficiency. Whether you're a developer, tech lead, or architect, this session will give you practical strategies to automate your API workflows and accelerate your development pipeline.

When writing a fullstack application a common problem facing developers today is keeping data consistency between the frontend and backend. What the backend expects and what the frontend sends is not always the same.

In this talk we’ll look at this problem and different approaches to solve it. We’ll take a look at how AWS Amplify approaches this problem and show a demo. We’ll also compare and contrast other TypeScript approaches with React and Next.

This talk explores the intersection of Next.js, React Query, and the Backend for Frontend (BFF) design pattern, three vital elements pieces that help solve the puzzle of performant and scalable data fetching.

I’ll start by discussing Next.js and its capabilities for React applications, highlighting its features like server rendering and data pre fetching, and route pre-fetching. I’d then delve into client data fetching and state management, showcasing how React Query brings a new perspective to managing server state hydration in React applications, simplifying data fetching, caching, synchronization, and updates.

The last part of the talk will take the topic further by introducing the Backend For Frontend (BFF) design pattern, demonstrating how a BFF can be integrated with NextJs API handler to work seamlessly as a Proxy with a React application, enhancing user experience and performance by spreading the load of large payloads.

Throughout the talk, real-world examples will be used to provide a practical understanding of these topics.

In a world of constant specialization and fragmentation of services, end-users expect your line of business applications to be integrated with other solutions.

This integration often happens through REST APIs having to pull different SDKs for each APIs leads to dependencies hell, and different development patterns to learn. Worst yet! If the API doesn’t offer an SDK you need to implement authentication, authorization, serialization, and error handling by hand! Join us during this demo-filled session to discover how you can generate your own tailored client for any REST API thanks to OpenAPI.

Using your generated client simplifies REST APIs integration allowing you to focus on what matters: building value for your end users.