August 2023 Summaries

Incremental migrations are a recommended approach for software projects that require updates or replacements, minimizing risks associated with large-scale changes. This strategy involves gradually transitioning to a new system while the old one is still operational, allowing for validation of business impact and reduction of downtime. Frontend migrations, in particular, can benefit from this approach, where the stateful data continues to be handled by the same "system of record," and only the rendering and processing are updated. By introducing reverse proxies and fine-grained request management tools, platforms like Vercel support incremental migration strategies, enabling organizations to achieve a smoother transition with reduced risk and faster time to business validation.

The Vercel AI Accelerator Demo Day showcased 28 talented AI startups, each pitching their impressive demos in just 3 minutes. The program accepted 40 teams out of over 1500 applications and provided them with a 6-week accelerator, including events, fireside chats, and updates. The top 28 teams were selected to pitch on Demo Day, with three winning teams receiving $120,000 in credits from AI platform partners. Investors such as a16z, CRV, and Coatue attended the event, and Vercel engineers, judges, and other industry experts were also present. The winners included Memorang, Jenni, and LLM Report, who developed platforms for building AI-powered courses, research paper writing, and open-source logging and analytics for LLMs, respectively.

Joyn, a German-based platform offering thousands of on-demand videos and over 60 live channels, has chosen Vercel to automate and accelerate its development workflow for Next.js apps, resulting in faster deployments, improved performance, and enhanced developer experience.

Sonos, a 20-year-old sound experience company with a strong brand legacy, transitioned to a headless architecture using Next.js and Vercel, resulting in a 75% improvement in build times, enabling developers to innovate with ease. The switch allowed for better frontend flexibility, reduced friction points such as slow builds, poor support for newer Next.js versions, cache management issues, and limited observability. By migrating to Vercel's Frontend Cloud, Sonos achieved a seamless deployment process, faster time-to-market, improved performance, and enhanced collaboration among developers. The company's experience demonstrates the benefits of adopting a powerful development platform like Next.js and Vercel, which enables companies to fully express their brand vision, optimize their digital presence, and deliver exceptional customer experiences.

Konabos partnered with American Bath Group to migrate from a monolithic setup to a composable stack using Vercel, Next.js, and Kontent.AI, resulting in 50% faster deployments, shortened review cycles, and improved developer experience. The change broke down silos, improved collaboration, and simplified data syndication, allowing the team to work better together and innovate faster.

Algolia has improved their development cycle by adopting Next.js on Vercel, cutting their build times in half and making it easier for teams to collaborate. The company's technical team found Next.js easy to implement and maintain, with built-in features like Incremental Static Regeneration (ISR) and analytics that made it seamless to set up performant sites. With the migration, Algolia can now show instant website changes without waiting for daily deployments, and their engineers are looking forward to continuing to improve site performance with Next.js 12 features.

The new Next.js Commerce 2.0 is a highly performant, dynamic storefront that leverages the latest features of Next.js 13 and Vercel's Frontend Cloud to achieve incredible performance. It introduces a caching architecture in the App Router, which enables server-rendered storefronts to feel static while still being dynamic. The new version also includes React Server Components, Streaming, and Suspense, allowing for more control over when and where to serve static or dynamic content. Additionally, it features Edge Runtime, which allows for fast web access regardless of location by running code close to visitors. With Server Actions, server-side data mutations can be colocated with the UI that invokes them, reducing client-side JavaScript and bundle size. Next.js Commerce 2.0 has also simplified its architecture, removing roughly 145,000 lines of code from the previous version, making it more maintainable and easier to understand. The new version is designed for highly dynamic ecommerce sites and provides a better ecommerce experience with features such as dynamic storefronts, improved performance, and reduced latency.

React Server Components (RSCs) are a new feature in React that allows for data-fetching and remote client-server communication within the framework, augmenting its fundamental capabilities. RSCs were created to solve issues with traditional client-side rendering, such as difficulty scaling monolithic applications due to cross-team dependencies and high traffic demands. They individually fetch data and render entirely on the server, streaming the resulting HTML into the client-side React component tree, interleaving with other Server and Client Components as necessary. This process eliminates the need for client-side re-rendering, improving performance. RSCs can help reduce the size of the client-side JavaScript bundle and improve loading performance by resolving all dependencies on the server and rendering out code only on the server. They are fully interleaved with client-side code, allowing for smart data caching, multiple fetches in a single roundtrip, and automatic request deduping. RSCs also provide a seamless Remote Procedure Call (RPC) experience between the client and the server through Server Actions, enabling progressive enhancement and eliminating development work on APIs. Next.js is the first framework to integrate the entire React architecture for Server Components, Server Actions, Suspense, Transitions, and all else that has changed with the release of RSCs, making it easy for developers to take advantage of these new features.

React Server Components (RSCs) are a new feature in React that enhance its capabilities beyond being a pure rendering library by incorporating data-fetching and remote client-server communication within the framework. RSCs fetch data and render entirely on the server, resulting in improved performance and reduced bundle size. They work alongside Server Components for dynamic data fetching and Client Components for rich interactivity. The Next.js App Router offers a feature-complete implementation of RSCs, allowing developers to balance between Server and Client Components effectively.