Guillermo Rauch's banner

Guillermo Rauch

@rauchg • 507,956 subscribers

@vercel CEO

Shorts

This is fun. Left the autonomous chess match ( running overnight between xAI Grok 4 and @openai GPT 5.2. Grok's 𝚐𝚛𝚘𝚔-𝟺-𝚏𝚊𝚜𝚝-𝚛𝚎𝚊𝚜𝚘𝚗𝚒𝚗𝚐 won 19 of the last 20 matches 😅 What models should battle next?

This is fun. Left the autonomous chess match ( running overnight between xAI Grok 4 and @openai GPT 5.2. Grok's 𝚐𝚛𝚘𝚔-𝟺-𝚏𝚊𝚜𝚝-𝚛𝚎𝚊𝚜𝚘𝚗𝚒𝚗𝚐 won 19 of the last 20 matches 😅 What models should battle next?

4,430,852 görüntüleme

I can finally ship the text layout of my dreams

I can finally ship the text layout of my dreams

297,225 görüntüleme

A hackathon focused on models competing This is gonna be fun 😄

A hackathon focused on models competing This is gonna be fun 😄

797,761 görüntüleme

Chat SDK (𝚗𝚙𝚖 𝚒 𝚌𝚑𝚊𝚝) now supports Telegram. A universal API for all agents on all chat platforms. This is a great foundation to build OpenClaw-style experiences. What makes 🦞 magical is that the interface is just… chat!

Chat SDK (𝚗𝚙𝚖 𝚒 𝚌𝚑𝚊𝚝) now supports Telegram. A universal API for all agents on all chat platforms. This is a great foundation to build OpenClaw-style experiences. What makes 🦞 magical is that the interface is just… chat!

197,585 görüntüleme

We've acquired the fastest code search engine on the planet (of over 500k+ Git repos). We'll support it as a standalone tool, API, and integrate its search engine into v0 & the Vercel platform.

We've acquired the fastest code search engine on the planet (of over 500k+ Git repos). We'll support it as a standalone tool, API, and integrate its search engine into v0 & the Vercel platform.

780,804 görüntüleme

This ◉ ʜᴜᴍᴀɴ ○ ᴍᴀᴄʜɪɴᴇ toggle by Parallel Web Systems is brilliant. It's a beautiful illustration of what the web will "look like" to agents. It will look like a whole lotta markdown 😄 Incidentally, we just made it such that links automatically render as markdown when agents consume it (we do the same for /𝚍𝚘𝚌𝚜). Page went from 500kb to 2kb. The web for agents will be very efficient! Try: curl -H 'accept: text/markdown'

This ◉ ʜᴜᴍᴀɴ ○ ᴍᴀᴄʜɪɴᴇ toggle by Parallel Web Systems is brilliant. It's a beautiful illustration of what the web will "look like" to agents. It will look like a whole lotta markdown 😄 Incidentally, we just made it such that links automatically render as markdown when agents consume it (we do the same for /𝚍𝚘𝚌𝚜). Page went from 500kb to 2kb. The web for agents will be very efficient! Try: curl -H 'accept: text/markdown'

184,896 görüntüleme

I used to democratize this power (it's so good, basically one-shotted)

I used to democratize this power (it's so good, basically one-shotted)

283,499 görüntüleme

Turso is an incredible technical feat. A Rust rewrite of sqlite, with an async-first architecture, incoming support for concurrent writes, vector search, and browser / wasm support out of the box. I think this has a very good chance of being a foundational piece of infrastructure of the vibe-coding age. On-demand, sqlite-compatible global databases that can also run in-browser and on-device. The pace at which the project is evolving is most definitely *not normal*. Pekka Enberg and Glauber Costa are built different. Demo:

Turso is an incredible technical feat. A Rust rewrite of sqlite, with an async-first architecture, incoming support for concurrent writes, vector search, and browser / wasm support out of the box. I think this has a very good chance of being a foundational piece of infrastructure of the vibe-coding age. On-demand, sqlite-compatible global databases that can also run in-browser and on-device. The pace at which the project is evolving is most definitely not normal. Pekka Enberg and Glauber Costa are built different. Demo:

242,000 görüntüleme

The worst take about the web is that you should not use JS/React/etc because HTML alone is good enough. It's an 'austerity mind virus' that has captured even some smart engineers. The idea that the web is for 'documents' and if it stays in its own little box like 1995 it's going to somehow be better for the world. This is how we ended up with Safari having the most obnoxious limitations, including a back/forward navigation gesture that makes the web feel like a horrendous 'digital book' of sorts. No, the web is also for dynamic, rich, interactive applications. JS is a key ingredient in the recipe, otherwise every click and interaction will have to hit a server, feel slow, and we'll always be a second class citizen. The web's developer freedom & better deployment model will win in the end, but it can't come at the expense of quality.

The worst take about the web is that you should not use JS/React/etc because HTML alone is good enough. It's an 'austerity mind virus' that has captured even some smart engineers. The idea that the web is for 'documents' and if it stays in its own little box like 1995 it's going to somehow be better for the world. This is how we ended up with Safari having the most obnoxious limitations, including a back/forward navigation gesture that makes the web feel like a horrendous 'digital book' of sorts. No, the web is also for dynamic, rich, interactive applications. JS is a key ingredient in the recipe, otherwise every click and interaction will have to hit a server, feel slow, and we'll always be a second class citizen. The web's developer freedom & better deployment model will win in the end, but it can't come at the expense of quality.

431,776 görüntüleme

AI vectorization works so freaking well left: low quality jpg (input) right: high quality svg (output)

AI vectorization works so freaking well left: low quality jpg (input) right: high quality svg (output)

414,275 görüntüleme

Problem solved

Problem solved

228,449 görüntüleme

v0 is also good for quick unique logo design!

203,203 görüntüleme

Did you ever notice the 𝕏 sidebar hover and click targets are much larger than the rendered button? And there are no 'dead click areas' in between the buttons. Imagine how many bangers would get lost if they didn't get this right.

Did you ever notice the 𝕏 sidebar hover and click targets are much larger than the rendered button? And there are no 'dead click areas' in between the buttons. Imagine how many bangers would get lost if they didn't get this right.

167,436 görüntüleme

wip mad respect for mcmaster team for shipping such a good site & inspiring everyone. we'll share learnings & areas where we even improved perf!

wip mad respect for mcmaster team for shipping such a good site & inspiring everyone. we'll share learnings & areas where we even improved perf!

305,947 görüntüleme

BotID is one of my favorite new Vercel products. Invisible, zero-branding CAPTCHA that works with any framework. Alternatives waste your users’ time, decimate your conversion, or advertise other companies. I recently ran into this gem 💀:

BotID is one of my favorite new Vercel products. Invisible, zero-branding CAPTCHA that works with any framework. Alternatives waste your users’ time, decimate your conversion, or advertise other companies. I recently ran into this gem 💀:

165,787 görüntüleme

So cool. After a concept of a 'jelly slider' by Voicu Apostol went viral, @dilumsanjaya brought it to life in threejs. We're approaching the era where any idea will be built in realtime, from @x to URL:

So cool. After a concept of a 'jelly slider' by Voicu Apostol went viral, @dilumsanjaya brought it to life in threejs. We're approaching the era where any idea will be built in realtime, from @x to URL:

137,044 görüntüleme

For our upcoming London meetup, we didn't just create the slides in v0, we created Google Slides in v0

For our upcoming London meetup, we didn't just create the slides in v0, we created Google Slides in v0

263,494 görüntüleme

While flying I like to track my flight, but it was slow & ugly so I started building v0⁠ing my own. Some insights: • I started out with test data, but adding an API key & server endpoint to get actual flights was a breeze • I got back 20,000 flights which murdered DOM performance. v0 suggested implementing it as a . With some Grok research help, it shockingly nailed it. Notably, it used an OffscreenCanvas to render the airplane SVG to and subsequently `drawImage` it. It got approximately 100x faster and smoother.

While flying I like to track my flight, but it was slow & ugly so I started building v0⁠ing my own. Some insights: • I started out with test data, but adding an API key & server endpoint to get actual flights was a breeze • I got back 20,000 flights which murdered DOM performance. v0 suggested implementing it as a . With some Grok research help, it shockingly nailed it. Notably, it used an OffscreenCanvas to render the airplane SVG to and subsequently `drawImage` it. It got approximately 100x faster and smoother.

205,747 görüntüleme

v0 can make all your dreams come true

v0 can make all your dreams come true

199,232 görüntüleme

Chrome is adding `window.ai` — a Gemini Nano AI model right inside your browser. It already works with the AI SDK:

Chrome is adding `window.ai` — a Gemini Nano AI model right inside your browser. It already works with the AI SDK:

246,398 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Vercel AI Gateway now supports video generation. Grok Imagine Video & Image are 🆓 until tomorrow. We used v0 to create an open source Creative Studio powered by xAI Grok. Create images, videos, or make your own design tool! – it's quite fast. Some cool technical tidbits: ▪️ Vercel Workflows for reliable generation Video generation can take long. Users might restart their browsers or their wifi / LTE might drop. We smooth over that automatically. ▪️ Instant vector search Try searching the public generations. Now back to me. We used Mixedbread to index the content visually, so you can search 𝚋𝚕𝚊𝚌𝚔 𝚏𝚎𝚕𝚒𝚗𝚎 and get a cat (try it!) ▪️ Vercel AI Gateway All existing and future Grok models are accessible via our gateway without extra setup. When you deploy to Vercel, you get access to hundreds of models with a single account and unified billing It's obviously built with Next.js (RSC). Open it in v0 to make it your own! h/t Esteban Suárez for shipping this.

Vercel AI Gateway now supports video generation. Grok Imagine Video & Image are 🆓 until tomorrow. We used v0 to create an open source Creative Studio powered by xAI Grok. Create images, videos, or make your own design tool! – it's quite fast. Some cool technical tidbits: ▪️ Vercel Workflows for reliable generation Video generation can take long. Users might restart their browsers or their wifi / LTE might drop. We smooth over that automatically. ▪️ Instant vector search Try searching the public generations. Now back to me. We used Mixedbread to index the content visually, so you can search 𝚋𝚕𝚊𝚌𝚔 𝚏𝚎𝚕𝚒𝚗𝚎 and get a cat (try it!) ▪️ Vercel AI Gateway All existing and future Grok models are accessible via our gateway without extra setup. When you deploy to Vercel, you get access to hundreds of models with a single account and unified billing It's obviously built with Next.js (RSC). Open it in v0 to make it your own! h/t Esteban Suárez for shipping this.

Guillermo Rauch

15,870,230 görüntüleme • 3 ay önce

Grok CLI has great support for Plugins and Skills. Installing the Vercel Plugin gives Grok cloud deployment superpowers. Watch this creative coding website be generated with Grok and hosted seamlessly on Vercel ↓

Grok CLI has great support for Plugins and Skills. Installing the Vercel Plugin gives Grok cloud deployment superpowers. Watch this creative coding website be generated with Grok and hosted seamlessly on Vercel ↓

Guillermo Rauch

879,458 görüntüleme • 19 gün önce

Created a flag on the moon based with hyper-realistic physics with v0: The flag is simulated as a grid of particles connected by springs (cloth simulation). It's influenced by gravity, wind, air resistance. The initial approach v0 one-shotted was quite simplistic, but giving it references to more sophisticated approaches in C++ and Rust quickly improved it. It was mind-blowing it to see it deeply understand the physics and port new ideas across languages. It simulated a real sun for lighting, and procedurally generated moon-like terrain with craters. I found a sick free texture on Reddit that I uploaded and it layered on top. Another epic moment was watching it improve performance. It seamlessly moved the physics simulation to a Web Worker. (Kinda cool to see given we just improved support for them in Turbopack 😉)

Created a flag on the moon based with hyper-realistic physics with v0: The flag is simulated as a grid of particles connected by springs (cloth simulation). It's influenced by gravity, wind, air resistance. The initial approach v0 one-shotted was quite simplistic, but giving it references to more sophisticated approaches in C++ and Rust quickly improved it. It was mind-blowing it to see it deeply understand the physics and port new ideas across languages. It simulated a real sun for lighting, and procedurally generated moon-like terrain with craters. I found a sick free texture on Reddit that I uploaded and it layered on top. Another epic moment was watching it improve performance. It seamlessly moved the physics simulation to a Web Worker. (Kinda cool to see given we just improved support for them in Turbopack 😉)

Guillermo Rauch

533,921 görüntüleme • 1 ay önce

1 hour of TravisCore to build and accelerate to

1 hour of TravisCore to build and accelerate to

Guillermo Rauch

422,722 görüntüleme • 2 ay önce

The ideal 🪩 doesn't exi…

The ideal 🪩 doesn't exi…

Guillermo Rauch

80,222 görüntüleme • 17 gün önce

We shipped an OSS 'vibe coding platform' (like v0) built with Vercel AI SDK, Gateway and Sandbox. We worked with @openai to tune the GPT-5 agent loop. It can write/read files, run commands, install packages, autofix errors… Demo oneshotting a multiplayer Pong in Go ↓

We shipped an OSS 'vibe coding platform' (like v0) built with Vercel AI SDK, Gateway and Sandbox. We worked with @openai to tune the GPT-5 agent loop. It can write/read files, run commands, install packages, autofix errors… Demo oneshotting a multiplayer Pong in Go ↓

Guillermo Rauch

793,761 görüntüleme • 8 ay önce

The future of design is… engineering. All designers at Vercel now also build, thanks to tools like v0, Claude Code, and Cursor. They've been contributing to our frontends and apps for a while now. But over the past few months, the leap they've made is engineering the design process itself by building agents. A big part of shipping is getting the word out in a compelling way, especially on the X platform, the everything app. In the past, we used to spend a bunch of time hand-crafting images and illustrations for social cards. Our design team built an internal agent and web ui using v0 and Claude Code that makes this process fully self-serve. It even includes a previewer of what the final artifact will look like on X. It's called Leap. It's probably saved us hundreds of hours of work but also massively raised our quality bar. The artifacts it produces are beautiful. If you had asked me even 12 months ago whether our design team would be building their own design tools, let alone be this good, I would call bs. There was no master plan, or God forbid, a "sprint" to make this happen. It just took a handful of prompts to build and it propagated on Slack. Leap is now one of the many agents that helps us run our company more smoothly, built and securely deployed on Vercel for our internal use.

The future of design is… engineering. All designers at Vercel now also build, thanks to tools like v0, Claude Code, and Cursor. They've been contributing to our frontends and apps for a while now. But over the past few months, the leap they've made is engineering the design process itself by building agents. A big part of shipping is getting the word out in a compelling way, especially on the X platform, the everything app. In the past, we used to spend a bunch of time hand-crafting images and illustrations for social cards. Our design team built an internal agent and web ui using v0 and Claude Code that makes this process fully self-serve. It even includes a previewer of what the final artifact will look like on X. It's called Leap. It's probably saved us hundreds of hours of work but also massively raised our quality bar. The artifacts it produces are beautiful. If you had asked me even 12 months ago whether our design team would be building their own design tools, let alone be this good, I would call bs. There was no master plan, or God forbid, a "sprint" to make this happen. It just took a handful of prompts to build and it propagated on Slack. Leap is now one of the many agents that helps us run our company more smoothly, built and securely deployed on Vercel for our internal use.

Guillermo Rauch

206,714 görüntüleme • 3 ay önce

I started the Next.js you know today from a 𝚁𝙴𝙰𝙳𝙼𝙴.𝚖𝚍 specification. That was the singular commit that set it on the trajectory you see today. We proceeded to furiously write code for weeks as we saw a unique window to disrupt the React ecosystem, which primarily consisted of "boilerplate" repos and static-only tooling. I now believe most software (and companies) will start out as markdown files, but it's agents that will be doing the furious coding. And the releasing. And the maintenance. I'm pretty happy that the API we laid out is as relevant as ever today. It's simple, filesystem focused, and its principles remain unchanged.

I started the Next.js you know today from a 𝚁𝙴𝙰𝙳𝙼𝙴.𝚖𝚍 specification. That was the singular commit that set it on the trajectory you see today. We proceeded to furiously write code for weeks as we saw a unique window to disrupt the React ecosystem, which primarily consisted of "boilerplate" repos and static-only tooling. I now believe most software (and companies) will start out as markdown files, but it's agents that will be doing the furious coding. And the releasing. And the maintenance. I'm pretty happy that the API we laid out is as relevant as ever today. It's simple, filesystem focused, and its principles remain unchanged.

Guillermo Rauch

189,455 görüntüleme • 3 ay önce

Can ChatGPT run Doom? Yes. ChatGPT Apps are very powerful. I cloned our Next.js ChatGPT template, registered a 𝚙𝚕𝚊𝚢_𝚍𝚘𝚘𝚖 MCP tool and deployed to Vercel. Once the tool is called, ChatGPT embeds the full Next.js application. Server and client rendering just works, and it's 100% interactive. h/t Allen Zhou for the starter kit:

Can ChatGPT run Doom? Yes. ChatGPT Apps are very powerful. I cloned our Next.js ChatGPT template, registered a 𝚙𝚕𝚊𝚢_𝚍𝚘𝚘𝚖 MCP tool and deployed to Vercel. Once the tool is called, ChatGPT embeds the full Next.js application. Server and client rendering just works, and it's 100% interactive. h/t Allen Zhou for the starter kit:

Guillermo Rauch

392,926 görüntüleme • 7 ay önce

◉ BotID's Invisible CAPTCHA vs ◯ Distracting users ◯ Being easily bypassed ◯ Slowing down checkouts ◯ Making users solve puzzles ◯ Advertising other companies ◯ Disruptive full page interstitials Let's clean up the web:

◉ BotID's Invisible CAPTCHA vs ◯ Distracting users ◯ Being easily bypassed ◯ Slowing down checkouts ◯ Making users solve puzzles ◯ Advertising other companies ◯ Disruptive full page interstitials Let's clean up the web:

Guillermo Rauch

392,736 görüntüleme • 8 ay önce

I built an infinite AI chess game, powered by: ▪️ AI SDK for a single DX to all frontier models ▪️ AI Gateway for seamless access with 1 API key ▪️ Workflow to keep the game going forever Right now Anthropic is playing OpenAI:

I built an infinite AI chess game, powered by: ▪️ AI SDK for a single DX to all frontier models ▪️ AI Gateway for seamless access with 1 API key ▪️ Workflow to keep the game going forever Right now Anthropic is playing OpenAI:

Guillermo Rauch

245,771 görüntüleme • 5 ay önce

Vercel Sandbox is the easiest API to give your agent a computer. Now generally available. Try it with our CLI: ▲ ~/ npx sandbox create --connect GA highlights: ▪️ Now powering BLACKBOX AI, Roo Code, v0 ▪️ Snapshotting support for clone/fork/resume ▪️ Open-source SDK & CLI, refined APIs. It builds on 10 years of lessons from Vercel's deployment hyper-growth. Think: battle-tested scheduling, placement, capacity planning, regional failover, OS patching, hardening & pentesting, zero-downtime machine upgrades, … We're very excited for Vercel Sandbox to power your next AI agent and platforms 🫡

Vercel Sandbox is the easiest API to give your agent a computer. Now generally available. Try it with our CLI: ▲ ~/ npx sandbox create --connect GA highlights: ▪️ Now powering BLACKBOX AI, Roo Code, v0 ▪️ Snapshotting support for clone/fork/resume ▪️ Open-source SDK & CLI, refined APIs. It builds on 10 years of lessons from Vercel's deployment hyper-growth. Think: battle-tested scheduling, placement, capacity planning, regional failover, OS patching, hardening & pentesting, zero-downtime machine upgrades, … We're very excited for Vercel Sandbox to power your next AI agent and platforms 🫡

Guillermo Rauch

181,027 görüntüleme • 4 ay önce

I built – verify you're human by playing DOOM and killing at least 3 enemies 😁 (in nightmare mode) powered by webassembly × libsdl, ui built in v0

I built – verify you're human by playing DOOM and killing at least 3 enemies 😁 (in nightmare mode) powered by webassembly × libsdl, ui built in v0

Guillermo Rauch

555,848 görüntüleme • 1 yıl önce

We're releasing a visual agent & workflow builder ▪️ Fully open source ▪️ Built on ▪️ Outputs "𝚞𝚜𝚎 𝚠𝚘𝚛𝚔𝚏𝚕𝚘𝚠" code ▪️ Supports AI "text to workflow" ▪️ Powered by AI SDK & AI Elements ▪️ Sample integrations (Resend, Linear, Matt Slack) Clone & ship your own product, or embed AI workflow building capabilities into existing ones. Demo: Deploy:

We're releasing a visual agent & workflow builder ▪️ Fully open source ▪️ Built on ▪️ Outputs "𝚞𝚜𝚎 𝚠𝚘𝚛𝚔𝚏𝚕𝚘𝚠" code ▪️ Supports AI "text to workflow" ▪️ Powered by AI SDK & AI Elements ▪️ Sample integrations (Resend, Linear, Matt Slack) Clone & ship your own product, or embed AI workflow building capabilities into existing ones. Demo: Deploy:

Guillermo Rauch

218,992 görüntüleme • 6 ay önce

Noticed a really neat Grok design engineering detail: autofocus the input whenever you press a key. Time-saving and reduces the user input error rate. Great Next.js app router app overall, fast & reliable.

Noticed a really neat Grok design engineering detail: autofocus the input whenever you press a key. Time-saving and reduces the user input error rate. Great Next.js app router app overall, fast & reliable.

Guillermo Rauch

301,647 görüntüleme • 10 ay önce

Recreated Airbnb's iconic nav with v0 (code) + OpenAI 4o (image) + Runway (video). Prompting is all you need.

Recreated Airbnb's iconic nav with v0 (code) + OpenAI 4o (image) + Runway (video). Prompting is all you need.

Guillermo Rauch

336,804 görüntüleme • 1 yıl önce

v0 is coming to VS Code

v0 is coming to VS Code

Guillermo Rauch

317,470 görüntüleme • 1 yıl önce

10 minutes with @rohdeali. I love this format

10 minutes with @rohdeali. I love this format

Guillermo Rauch

64,383 görüntüleme • 2 ay önce

I've got Claude Code running through of Vercel AI Gateway 🤩 This not only gives me failover (e.g.: to Amazon Web Services Bedrock), but also means your company can manage all models & spend in one place. How? Set 𝙰𝙽𝚃𝙷𝚁𝙾𝙿𝙸𝙲_𝙱𝙰𝚂𝙴_𝚄𝚁𝙻 and 𝙰𝙽𝚃𝙷𝚁𝙾𝙿𝙸𝙲_𝙰𝚄𝚃𝙷_𝚃𝙾𝙺𝙴𝙽 to your AI Gateway key, then /𝚕𝚘𝚐𝚘𝚞𝚝. e.g.: ANTHROPIC_BASE_URL=" ANTHROPIC_AUTH_TOKEN="vck_…" ANTHROPIC_API_KEY="" It's experimental. Let me know if you run into any issues!

I've got Claude Code running through of Vercel AI Gateway 🤩 This not only gives me failover (e.g.: to Amazon Web Services Bedrock), but also means your company can manage all models & spend in one place. How? Set 𝙰𝙽𝚃𝙷𝚁𝙾𝙿𝙸𝙲_𝙱𝙰𝚂𝙴_𝚄𝚁𝙻 and 𝙰𝙽𝚃𝙷𝚁𝙾𝙿𝙸𝙲_𝙰𝚄𝚃𝙷_𝚃𝙾𝙺𝙴𝙽 to your AI Gateway key, then /𝚕𝚘𝚐𝚘𝚞𝚝. e.g.: ANTHROPIC_BASE_URL=" ANTHROPIC_AUTH_TOKEN="vck_…" ANTHROPIC_API_KEY="" It's experimental. Let me know if you run into any issues!

Guillermo Rauch

123,299 görüntüleme • 5 ay önce

Took a peek at how Grok DeepSearch is implemented, it's very neat. One thing that stood out to me is that it's resilient to aborting the stream half-way and refreshing the page. Most chatbots struggle with this. When they initially render the conversation, it detects whether the response is in-flight. If it's in-flight, there's a dedicated endpoint (`/rest/app-chat/conversations/reconnect-response/`) that can handle the resumption of streaming updates. They use NDJSON (newline delimited JSON) and a simple streaming parser with async generators. Frequent updates are batched together for perf reasons. Overall this is one of my favorite Next.js App Router implementations to date and it raises the bar in terms of performance, reliability and design. Helping other people solve this 'resumption' problem has been high on my list (as far back as when I designed and I'm impressed xAI shipped a solution this early on. (Note: this is all from a quick cursory read of the client JS bundles and network activity)

Took a peek at how Grok DeepSearch is implemented, it's very neat. One thing that stood out to me is that it's resilient to aborting the stream half-way and refreshing the page. Most chatbots struggle with this. When they initially render the conversation, it detects whether the response is in-flight. If it's in-flight, there's a dedicated endpoint (`/rest/app-chat/conversations/reconnect-response/`) that can handle the resumption of streaming updates. They use NDJSON (newline delimited JSON) and a simple streaming parser with async generators. Frequent updates are batched together for perf reasons. Overall this is one of my favorite Next.js App Router implementations to date and it raises the bar in terms of performance, reliability and design. Helping other people solve this 'resumption' problem has been high on my list (as far back as when I designed and I'm impressed xAI shipped a solution this early on. (Note: this is all from a quick cursory read of the client JS bundles and network activity)

Guillermo Rauch

275,986 görüntüleme • 1 yıl önce