Lee Robinson's banner
Lee Robinson's profile picture

Lee Robinson

@leerob283,515 subscribers

Model behavior @SpaceXAI. Helping train useful models.

Shorts

I built an app to simulate the 2026 NCAA tournament! It uses historical data, KenPom rankings, game locations, and more to determine the win probability. ...but then has an AI model review the results and prompt for the reality of March Madness, unpredictable!

I built an app to simulate the 2026 NCAA tournament! It uses historical data, KenPom rankings, game locations, and more to determine the win probability. ...but then has an AI model review the results and prompt for the reality of March Madness, unpredictable!

428,196 次观看

"My favorite enterprise AI service is Cursor [...] Every one of our engineers, 100%, is now assisted by AI coders and our productivity has gone up incredibly."

"My favorite enterprise AI service is Cursor [...] Every one of our engineers, 100%, is now assisted by AI coders and our productivity has gone up incredibly."

384,089 次观看

My latest experiment… Built a game with Cursor! It’s written in Verilog, which compiles to a bitstream that programs the FPGA 🤯 Has been fun to learn more about hardware and game dev.

My latest experiment… Built a game with Cursor! It’s written in Verilog, which compiles to a bitstream that programs the FPGA 🤯 Has been fun to learn more about hardware and game dev.

151,565 次观看

In the next release of Cursor: custom /slash commands!

In the next release of Cursor: custom /slash commands!

191,464 次观看

Is this... vibe coding? 🦋

Is this... vibe coding? 🦋

179,927 次观看

Cursor tip: if you're doing web dev, there's an integrated browser! The agent can read console logs, network requests, and even control the browser to do automated testing for you. You don't have to install any third-party MCP servers, just works 😄

Cursor tip: if you're doing web dev, there's an integrated browser! The agent can read console logs, network requests, and even control the browser to do automated testing for you. You don't have to install any third-party MCP servers, just works 😄

106,233 次观看

Next.js template to search/filter/paginate 600,000 books. ✨next-books-search​.​vercel​.app✨

Next.js template to search/filter/paginate 600,000 books. ✨next-books-search​.​vercel​.app✨

194,062 次观看

Building a lil' bookmarks app with v0

Building a lil' bookmarks app with v0

170,837 次观看

I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?

I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?

148,937 次观看

Built this in 5 minutes with v0 in between feeding my baby 😁 Pasted a screenshot and made 3 more follow up edits. Even built a little abstract fake blurred out logo.

Built this in 5 minutes with v0 in between feeding my baby 😁 Pasted a screenshot and made 3 more follow up edits. Even built a little abstract fake blurred out logo.

97,282 次观看

View Transitions API + Next.js:

View Transitions API + Next.js:

87,591 次观看

Superhuman by v0 1 screenshot, 20 iterations, ~30 minutes 🤯

Superhuman by v0 1 screenshot, 20 iterations, ~30 minutes 🤯

44,650 次观看

It's pretty neat to easily control a Linux computer in the cloud. For this one, I added an AI sidebar which can control and navigate pages.

It's pretty neat to easily control a Linux computer in the cloud. For this one, I added an AI sidebar which can control and navigate pages.

11,917 次观看

Videos

leerob's profile picture

How should you search, filter, and paginate data with Next.js? This demo has 50,000 books in a Postgres database. • Page Load: When the page loads, we see the React Suspense fallback. This loading skeleton is displayed until the first page of books is retrieved from the database. • Searching: The search input has a 200ms debounce. After 200ms of inactivity, the form submits, updating the URL state with `?q={search}`. The Server Component reads `searchParams` and queries the database. On form submission, a React transition starts, allowing us to read the pending status with `useFormStatus` to display an inline loading state. • State Preservation: Navigating to an individual book page retains the search input state. Reloading the page or sharing the link preserves the search results. • Client-side Filtering: Filtering authors in the left sidebar is done client-side. Authors are fetched by a Server Component and passed as props to the sidebar. Changing the input value updates React state and re-renders the sidebar. • Optimistic Updates: The sidebar’s selected authors are optimistically updated with `useOptimistic`. Checkbox selections update instantly without waiting for the URL to change. • State Preservation: Navigating to an individual book page retains the sidebar filter input and selected author state across navigations, giving it an app-like feel. • Pagination: Navigating between pages updates the URL state, triggering the Server Component to query the database for the specific page of books. We also fetch the total book count to show the total number of pages. This demo isn't perfect yet (still working on it) but it's been a fun playground for some of these patterns. You can imagine a similar experience for thousands of movies, cars, products, or any other very large dataset. Demo → Code →

Lee Robinson

236,802 次观看 • 2 年前