Your Frontend’s Best Friend - How to Ship Fast in 2025

This talk is scheduled for Jun 17, 14:30
The recording will be published after editing. Multipass and Full ticket holders have early access.
Bookmark
Rate this content

Most software projects fail, but shipping fast improves your chances of success. That’s why focusing on iteration velocity is so important and you should design your application architecture accordingly. Full stack frameworks like Next and Remix give you full control over the web experience with access to a dedicated web server. With Next and Remix, you expose custom endpoints for your UI (server actions, Remix actions and loaders) and use special-purpose payloads (e.g., via RSC or turbo-stream) tailored for the web frontend. But what if you need to add another frontend to your project? With LLM applications growing in popularity and the Model Context Protocol (MCP) gaining adoption, it’s becoming more likely that you’ll need to serve both third-party LLM applications and your existing frontend app. How can we best serve LLM apps with our existing full stack architecture? Let’s talk Backend for Frontend, full stack app architectures, and MCP!

This talk has been presented at React Summit 2025, check out the latest edition of this React Conference.

FAQ

Iteration velocity is crucial because it allows you to ship more features and fix more bugs with the same resources, improving your chances of success. A faster iteration means a quicker feedback loop, which can significantly increase the chances of a project's success.

Full stack web frameworks like Next.js and Remix improve development by providing a closely integrated environment where tailored endpoints are created for specific routes, making code sharing easier and increasing development speed and efficiency.

The BFF pattern allows each frontend to have a dedicated backend that handles requests specifically for that frontend, simplifying interactions with multiple backends and improving performance and maintainability.

TurboStream allows Remix applications to serialize promises and other JavaScript primitives, enabling streaming HTTP and better handling of asynchronous data, which enhances the frontend's responsiveness and user experience.

Observability is crucial as it involves monitoring and gaining insights into how people use your product, providing traces and bug reports to quickly identify and resolve issues, thus improving the reliability and performance of software projects.

MCP, or Model Context Protocol, enables large language models (LLMs) to integrate with third-party services and tools, allowing chat interfaces to provide more powerful functionalities by connecting with various services.

Code sharing allows developers to reuse code across different parts of a project or between projects, reducing duplication of effort, speeding up development, and ensuring consistency across applications.

The MCP server adapter for Next.js applications allows developers to integrate MCP functionalities directly within their existing project architecture, facilitating the handling of requests for both traditional web frontends and MCP clients in a unified environment.

MCP servers face the challenge of being stateful and needing to support more complex workflows and higher-level concepts than traditional REST APIs, which require careful consideration of how tools and processes are exposed to LLMs.

Next.js and Remix applications can serve multiple front-ends by acting as backends tailored for specific front-end experiences, whether it's a React app or an MCP client, allowing them to handle different types of requests efficiently in a single deployment.

Andre Landgraf
Andre Landgraf
17 Jun, 2025
Video transcription, chapters and summary will be available after the recording is published.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Vue: Feature Updates
Vue.js London 2023Vue.js London 2023
44 min
Vue: Feature Updates
Top Content
Watch video: Vue: Feature Updates
The Talk discusses the recent feature updates in Vue 3.3, focusing on script setup and TypeScript support. It covers improvements in defining props using imported types and complex types support. The introduction of generic components and reworked signatures for defined components provides more flexibility and better type support. Other features include automatic inference of runtime props, improved define emits and defined slots, and experimental features like reactive props destructure and define model. The Talk also mentions future plans for Vue, including stabilizing suspense and enhancing computer invalidations.
Future of Frontend Frameworks Fireside Chat
React Summit 2024React Summit 2024
28 min
Future of Frontend Frameworks Fireside Chat
Fred K. Schott
Minko Gechev
Ryan Carniato
Daniel Afonso
Aakansha Doshi
Tim Neutkens
6 authors
Signals are being adopted by popular frameworks, enabling code reuse and improved tooling. While merging between frameworks is unlikely, they are learning from each other and adopting shared practices. It is important to embrace the diversity of frameworks and libraries. Instead of merging, focus on standardizing the principles behind frameworks. Consider tradeoffs and benefits when choosing a framework, and explore different technologies to learn new ideas.
A Frontend Developer’s Guide to Web3
React Summit 2022React Summit 2022
22 min
A Frontend Developer’s Guide to Web3
This talk covers an introduction to Web 3 and smart contracts, including deployment and bytecode compilation. It also discusses interacting with blockchain wallets, using RPC endpoints and block explorers, and accessing smart contract data. The talk emphasizes the use of ABIs and JavaScript libraries like ethers for interacting with smart contracts. It mentions the shift in mindset from HTTP requests to using ABI code and libraries for front-end development in Web 3. The talk concludes by mentioning Web3UI and tools like PolygonScan and Etherscan for building on the blockchain.
Monitoring Errors and Slowdowns with a JS Frontend and Node Backend
Node Congress 2022Node Congress 2022
8 min
Monitoring Errors and Slowdowns with a JS Frontend and Node Backend
Watch video: Monitoring Errors and Slowdowns with a JS Frontend and Node Backend
Sentry is code monitoring for developers, specifically designed for the application layer. It helps identify error details, frequency, release, user information, and stack trace. Source maps can be uploaded to see the original source code and suspect commits can be identified. Performance monitoring helps identify slowdowns and determine the cause. Automating alerts and investigating errors helps gain instant context and trace errors across different projects.
Serverless for Frontends
DevOps.js Conf 2022DevOps.js Conf 2022
8 min
Serverless for Frontends
Premium
Welcome to my session on Serverless for Front-ends. Serverless functions eliminate the need for a runtime and handle orchestration for you. Microfrontends require a runtime and orchestration, but side-less UIs provide a runtime-free solution. In the demo, a new team adds functionality to an application and publishes it easily. Building and deploying applications is quick and easy with micro apps and PowerCLI, offering true loose coupling and instant availability without a runtime.
DevOps for Frontend: beyond Desktop Browsers
DevOps.js Conf 2021DevOps.js Conf 2021
31 min
DevOps for Frontend: beyond Desktop Browsers
Today's Talk discusses DevOps for frontend beyond desktop browsers, focusing on the challenges and journey to DevOps, the importance of abstractions, maximizing flow and enabling team autonomy, applying DevOps principles beyond web applications, running automated tests on consoles and TVs, investing in tooling for TV testing, and the challenges of TV testing in the lab.

Workshops on related topic