September 2024 Summaries

Vercel's Frontend Cloud accelerates developer velocity by handling infrastructure management, allowing teams to focus on innovation and delivering value. By streamlining workflows and collaboration, teams can build faster and more efficiently, meeting the six core principles of web delivery: speed, global presence, scalability, reliability, security, and dynamism. Vercel's Framework-Defined Infrastructure enables developers to write code using modern web frameworks without worrying about deployment or infrastructure management. This shift in focus allows teams to be more strategic, boost developer productivity, and improve user experience by focusing on the finer details of product development. Overall, managed infrastructure drives product optimization and business growth.

Vercel Firewall is an automatic security solution that blocks around 1 billion suspicious TCP connections per week and mitigates thousands of DDoS attacks daily to keep websites operational without user intervention. The firewall integrates Layer 4 protections with industry-leading third-party services, as well as proprietary Layer 7 protections tailored for modern web applications. It provides comprehensive, multi-layered security and a customizable Web Application Firewall (WAF) to protect against both infrastructure-level and application-level threats. This approach ensures that as attacks evolve, Vercel's protections can adapt to mitigate threats before they impact your applications.

The AI SDK 3.4 release introduces several new features including language model middleware, data stream protocol, structured outputs, multi-step calls, tracing improvements, and mock models for testing. Language model middleware allows developers to intercept and modify language model calls, while the data stream protocol enables use of AI SDK UI with any backend in any programming language. Structured outputs provide object, array, or enum-based output modes, and multi-step calls allow for real-time streaming responses that can interact with tools. Tracing improvements align more closely with OpenTelemetry Semantic Conventions for GenAI operations, and mock providers and test helpers enable unit testing of code without actually calling a language model provider.

Web applications today are judged on six core principles: speed, global presence, scalability, dynamism, reliability, and security. As user experiences have become more engaging and dynamic, the limitations of Content Delivery Networks (CDNs) and Infrastructure as Code (IaC)—once the industry standards for application delivery—are becoming increasingly apparent. These technologies have not kept pace with the evolving web, leading to an emerging and compelling solution: frontend clouds that abstract away complex infrastructure, enabling next-generation content, experiences, and application delivery.

Mecum Auctions, a leading in-person car auction enterprise, transformed their digital presence with the help of Americaneagle.com. The company's previous digital platform was struggling to keep up with its massive inventory and high traffic volume. By adopting a new composable stack, Mecum achieved scalability, speed, and reliability for their website. The architecture designed by Americaneagle.com includes dataflow and content management through Salesforce, Algolia, and WordPress. Vercel's Frontend Cloud with Incremental Static Regeneration (ISR) serves all pages and implements ISR for lot pages, ensuring fast performance and reduced server load. The adoption of this new technology stack has allowed Mecum to improve content management and delivery, enabling their marketing team to create and update content independently without relying on IT support. This transformation demonstrates how strategic technology choices can drive efficiency and scalability while prioritizing the best user experience.

Incremental Static Regeneration (ISR) is a caching strategy that combines the benefits of static site generation and server-side rendering to provide users with dynamic content at cached speeds. ISR allows for fast serving of edge-cached static content while updating data in the background, selective regeneration of specific pages without rebuilding the entire site, on-demand invalidation, and guaranteed cache durability. It pairs best with hybrid rendering frameworks that allow for some content to be prerendered and some served per request. ISR can act as a full replacement for HTTP caching at the edge, allowing developers to focus on which pieces of their app would benefit from caching. Several popular frameworks currently support ISR, including Next.js, SvelteKit, and Astro.

** As an intern at Vercel, Aryan had a unique opportunity to work on high-traffic and high-visibility apps, contributing to the core product and making it into Production. He led three major efforts, including improving the Support Center UX, implementing citations in the new v0 generative user interface system, and creating v0 Brain - a way to seamlessly bring internal Vercel insights and recommendations directly from the creators of React, Next.js, shadcn/ui, Turbo, SWC, and more to further supplement v0's knowledge. Aryan learned how to work in engineering at scale, communicate his ideas effectively, exercise "design engineering" muscles, and advanced LLM techniques. He also gained valuable soft skills such as working in public, communicating clearly and effectively, pairing programming, iterating to greatness, and managing up. With immense autonomy and support from his manager and colleagues, Aryan was motivated every day knowing his work would impact Vercel's millions of global users. His experience at Vercel was a dream come true, and he is now sharing this behind-the-scenes look at what an internship at Vercel is like.

React 19 is set to release, bringing several updates aimed at improving performance, ease of use, and developer experience. One major change is Server Components, which act as a foundation for React 19's new features, improving initial page load times, code portability, and SEO. Other improvements include new directives, actions, server actions, new hooks, the use API, preloading resources, and other enhancements to ref, context, deferred value, document metadata support, stylesheet support, async scripts support, custom elements support, better error reporting, and more. React 19 marks a significant evolution in the framework, offering powerful new features and capabilities for developers and users alike.

Vercel has successfully integrated an AI-powered agent into its customer support workflow, reducing human-handled tickets by 31%. The company leveraged a large language model (LLM) to create an AI assistant that can answer a wide range of customer queries and engage in follow-up questions. This approach not only saves customers time but also allows for a more efficient use of support resources. Vercel's experience demonstrates the potential benefits of incorporating AI into customer support, including improved response times and increased job satisfaction among support staff.