Wesley

Founder software education (sponsored by @HeyKinde)

[Wesley @bytegrad]

My balance went down as I was recording a YouTube video (at 0:01), I have no idea what's going on anymore with the budget limits. Using GPT-6 Astra in Codex.

[Chris Tate @ctatedev]

npx skills add vercel/next.js --skill next-dev-loop

[Wesley @bytegrad]

Next.js devs: don't sleep on agent-browser and the new next-dev-loop skill in 16.3.

Here is a demo of using it to fix a super tricky bug in a spreadsheet component.

00:00 Intro
01:52 Demo

[Wesley @bytegrad]

@srhtokn Hi, where are you seeing this?

[Wesley @bytegrad]

Just added visual editing for any coding agent. Works with your:
✅ Claude Code CLI
✅ Codex CLI
✅ GitHub Copilot
✅ Cursor CLI

Make visual tweaks -> view diffs -> commit, all in the browser!

Works with your app framework of choice:
✅ Next.js
✅ React (Vite)
✅ Svelte
✅ Angular
✅ Other frameworks (.NET, Ruby, etc.)

So if you liked Cursor's visual editor, check us out!

It's live today as a VS Code extension called 'Wuunu'.

[Wesley @bytegrad]

@themandalorenzo Yep, works with Windsurf. Cursor too.

[Wesley @bytegrad]

@prathamdby Great idea

[Wesley @bytegrad]

I'm building a localhost AI app builder, inspired by tools like Lovable / Bolt / v0. Works with your own coding agents:

✅ Claude Code CLI
✅ Codex CLI
✅ GitHub Copilot (Chat extension + CLI)
✅ Cursor CLI

So no new subscription is required.

It also works with your app framework:
✅ Next.js
✅ React (Vite)
✅ Vue
✅ Svelte
✅ Angular
✅ TanStack Start
✅ Other frameworks (.NET, Ruby, etc.)

You can create & open apps from a GUI, chat with your coding agent directly in the browser, view diffs, and more.

It's live today as a VS Code extension called 'Wuunu'. Let me know what you think. :)

Wuunu is completely independent, it's not affiliated with or endorsed by Lovable, Bolt, or v0.

[Wesley @bytegrad]

Live now! Find us as a VS Code extension - search for Wuunu

[Wesley @bytegrad]

@fun2bobjective Hi, it's in the 'description' box below the video in the dashboard.

[Wesley @bytegrad]

Your Next.js app needs a separate backend

00:00 Why you need a separate backend app
03:09 BFF (backend-for-frontend)
04:02 My favorite backend for Next.js (Motia)

[Wesley @bytegrad]

@a_assilbekov https://t.co/EAvRVg6oiA

[Wesley @bytegrad]

Learn CSR vs SSR vs SSG vs ISR vs PPR / Cache Components in Next.js.

00:00 Intro
01:00 CSR
02:42 SSR
06:47 SSG
25:23 ISR
29:14 PPR (now Cache Components)

[Wesley @bytegrad]

Learn "use workflow" in Next.js quickly. Game changer for background jobs, cron jobs, webhooks, etc.

00:00 Intro
01:10 Demo
06:15 "use workflow"
06:43 "use step"
10:19 Sequential vs parallel
10:44 Human-in-the-loop (hook)
13:03 sleep
17:00 Streaming
21:09 Observability

[Wesley @bytegrad]

Learn TanStack Start quickly

00:00 Intro
03:50 New TanStack Start app
04:27 Fresh app look-around
08:32 Routing
11:31 Fetch data
14:40 Server functions
19:40 Mutations

[Wesley @bytegrad]

I got tool calling to work for GitHub Copilot. So we can now have full conversational turns directly in the browser without checking the IDE.

[Wesley @bytegrad]

Now also available in Cursor & Windsurf, search for 'Wuunu' in the extensions tab. Enjoy

[Wesley @bytegrad]

I made an extension for using Claude Code, Codex CLI, Copilot in the browser. Select elements and send them to the agent. Works in:

✅ Next.js
✅ React (Vite)
✅ TanStack Start
✅ Vue
✅ Astro
✅ Plain HTML
✅ Any other framework (.NET, Ruby, etc.)

Here's how it works...

[Wesley @bytegrad]

The extension is called 'Wuunu'. Simply search for it in your IDE and it should pop up. Enjoy!

[Wesley @bytegrad]

My Cursor extension allows you to select elements on the page and send them directly to your agent (including Cursor CLI).

✅ Also works in Windsurf & VS Code

Apps supported:
✅ Next.js
✅ React
✅ Vue
✅ Svelte
✅ Plain HTML
✅ Any other framework (Laravel, .NET, Ruby, etc.)