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.

Take your conversations with product and stakeholders to the next level.Use metrics to engage and gain buy-in from the business to improve your systems, mitigate tech debt, and optimize resources.In this talk, I will walk you through how to leverage metrics to achieve faster and more effective alignment with colleagues, product owners, and stakeholders within the organization. This approach allows you to improve critical areas such as incident management, design systems, and technical debt prioritization.