We just shipped vision for
@v0
— generate React, Tailwind, and Shadcn UI from an image!
If you’re still waitlisted, reply here with a use case for v0 vision.
An AI chat bot rendering rich components using
@OpenAI
functions,
@nextjs
Server Actions, and the
@vercel
AI SDK.
This is going to unlock so many insanely cool interfaces.
We just released a new demo of the Vercel AI SDK showing off streaming LLM responses in React Server Components
- Streams and renders without additional JavaScript
- Dynamic on the Edge, rendering every request
- Available as <Tokens /> in the SDK
When you `fetch` and don't read the response body (E.g. if you only care about the http status code):
- Browser: It's fine
- Node.js: Memory leak
- Cloudflare worker: You hold on to one request-concurrency slot indefinitely and if you do it 6 times you are deadlocked
How do Deno
We just released the
@vercel
AI SDK 2.2.24, with experimental support for the OpenAI Assistants and Vision APIs! Give it a try and let us know how it goes:
I reached two years full-time at Vercel today. It's fun to think back to how it started, with a lucky hackernews post and a cold email to G
Feeling grateful to work on such a goated team building what I love. Can't wait for everyone to try the new
@v0
.
I've published a light-weight SortableJS wrapper for Vue 3 after hours of messing with alternatives while working on
@TheLoungeChat
. The alternatives either didn't work well, were made for Vue 2, or didn't have all the features. I hope it helps someone.
Mock-ups work too! It's pretty 🤯 to draw something up and have a shadcn component ready to go.
This was a really fun project to work on with
@witsdev
and
@gkaragkiaouris
. I'm excited for it to roll out soon!
Just tested Vision for the first time.
I pasted a screenshot of .
It output something so good, so fast, I doubted it was real… I dragged the text to verify it wasn't an image.
The playground was a ton of fun to build with the team. Lots of interesting tech used to make our lives easier: RSCs, unstable_cache, Vercel KV, and (this will always blow my mind) streaming JSX and data with Server Actions.
Inspired by
@vercel
's command menu, I built a
@raycastapp
`vc` command for speeding up my common vercel tasks (mostly editing environment variables and viewing deployments)
Speaking of which: imo the best thing about vercel’s new AI RSC thing isn’t even about AI; using a generator to denote different steps of a workflow is genius. Many folks attempted it in the past, but the bits have finally assembled to make it feel magical.
We also updated the alt text so it won't be trimmed by Twitter's 420 character limit 🎉
Add the `og:image:alt` and `twitter:image:alt` meta tags to your page if you want sites like Twitter to have alt text on your og:image
We built our own Wordle for Next.js Conf!
And we just made it even more accessible, with icons to help distinguish states for folks with visual impairments.
Kudos
@zlw241
/
@evilrabbit_
and team!
◆ kebab-case for file names
◆ PascalCase for component names
◆ camelCase for functions/attribute names
◆ UPPER_CASE for constants
Who else does this too??
Drift has been nominated for Fun Side Project of the Year at
@ReactSummit
.
Thankful for all the contributors and stars even though it feels like it’ll always be in beta 🙏
Vercel AI SDK 2.2:
◆ OpenAI SDK v4 integration
◆ Support for Nuxt & Solid.js
◆ OpenAI Functions (Experimental)
◆ Cohere and Replicate streaming helpers
◆ Prompt builders for LLaMA 2, Open Assistant, and Anthropic
▲ ~/ npm i ai
Just wrote-up a small RFC for streaming additional response data in the Vercel AI SDK. If you're using the AI SDK, give it a look! This is going to enable tons of interesting use cases
It’s awesome seeing TL being used by conferences and orgs instead of proprietary choices like Discord. There’s been a few bugs/problems that have come up but thankfully the UseR team has been awesome reporting issues and working with a FOSS projects schedule.
The Lounge (
@TheLoungeChat
) is an IRC based chat platform. As a self-hosted, text based platform the Lounge allows a wide array of people to attend regardless of visual deficiencies or lack of an high-speed internet connection. Out of the Lounge we will start talks, events, ...
So many people see something wrong with codebases or projects (failing tests, bad code, whatever) and do nothing. Sending a slack message or opening a github issue can go a long way.
I've been spending some time working on Drift now that Next 13 is out. The DX and speed of iteration is *so* much better, while the application is almost exactly the same.
Some of my Next 13 notes:
I realized after posting this on the orange site that Vercel is what really makes this possible. Feature flags, edge config, preview deployments and great coworkers make it easy to ship.
With the new Drift feature I worked on last night, you can now share files as static websites. The plan is to make it great for blogging and sharing quick links.
Just wrote-up a small RFC for streaming additional response data in the Vercel AI SDK. If you're using the AI SDK, give it a look! This is going to enable tons of interesting use cases
None of the alternatives were what I wanted and I have midterms to study for so it seemed like a good time for a new project: A self-hostable Gist clone
Supports auth + Markdown (githubs flavor) and LaTeX.
First two images are editing, third image is viewing a published post.
The best part is vc bisect: binary search your deploys to find what commit introduced a problem. 99% of the time it’s my first step when handling an incident.
One thing I love about Vercel's immutable deploys is that you can workaround a bug and fix it in production, yet still have a snapshot prod version you can repro from. No more trying to restore the bug from some rebase in a local check out.
None of the alternatives were what I wanted and I have midterms to study for so it seemed like a good time for a new project: A self-hostable Gist clone
Supports auth + Markdown (githubs flavor) and LaTeX.
First two images are editing, third image is viewing a published post.
What is the absolute closest thing to GitHub Gist that can be self-hosted?
In terms of design and functionality. Hosts images and markdown, rendered. Creates links that can be private or public. Uses/requires registration.
I have looked at dozens of pastebin-like things.
Is venmo an awful app for everyone or just me? It constantly freezes or things don’t appear to go through but do (or sometimes don’t, which is even more frustrating)
I ran into an annoying bug a little while ago and made a short write-up in case anyone else encounters it
TL;DR: mobile browsers try and adjust certain element's font size to ensure they're legible, but the heuristic could use some work
studying for finals? lame.
adding status icons to
@theloungechat
? also lame, but more fun. It's also one of our most requested features, so it'll feel extra good to merge.
This is the right take IMO. I think people who are saying RSC/nextjs 13 introduce more complexity across the board are just entrenched in the current state of React. RSC’s work how you expect them to if you approach them from a clean slate instead of from thinking about SPA react
Re-read
@nextjs
docs now that App is stable. What
@vercel
has done here is remarkable. Paradoxically, since vast majority of components can be rendered on server, u really don't even need to know much React at all anymore to build a React app! No state, no effect, no context...
you can create an empty commit to push upstream with `git commit --allow-empty -m "<msg>"`
brought to you by someone who's dealt with accidentally merged 1-line changes too many times
We put a lot of work into making the experience accessible. We're not experts by any stretch so would love to hear feedback on how we can make it better (screen readers, keyboard, and other
#a11y
tools)! A detailed writeup on what we did coming soon!
something i know but have been bitten by way too many times: if you're using react cache(), be sure you aren't creating objects/arrays inline. it caches by reference so cache(myFunction({ slug })) will not work, as { slug } will create a new object