Loading video...

Video Failed to Load

Go Home

Introducing: Dark Mode in TANSTACK Start: No flickering, persistent throughout sessions and integrates with Tailwind! Plus, you get to learn about server functions, loaders, and cookies in TanStack Start! Enjoy!

josefbender_'s profile picture

Josef Bender

3,014 subscribers

18,931 views • 3 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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
38:26

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

50,763 views • 7 months ago

Elysia with Bun 1.3 Full-stack server 1. Install Elysia w/ static plugin 2. Create an HTML file in the public folder 3. Start writing React That's it, no additional setup HMR, Tailwind, Tanstack Query, Eden Treaty, path alias works Frontend and backend bundle to 1 file
0:32

Elysia with Bun 1.3 Full-stack server 1. Install Elysia w/ static plugin 2. Create an HTML file in the public folder 3. Start writing React That's it, no additional setup HMR, Tailwind, Tanstack Query, Eden Treaty, path alias works Frontend and backend bundle to 1 file

SaltyAom

73,164 views • 7 months ago

Excited to release a new starter! Sync-first, production-ready, and blazing fast - TANSTACK Start - TANSTACK DB for blazing fast client-side queries & optimistic mutations - Electric for real-time sync from PG - Better Auth - Drizzle ORM - Tailwind CSS - Hono OpenAPI
0:22

Excited to release a new starter! Sync-first, production-ready, and blazing fast - TANSTACK Start - TANSTACK DB for blazing fast client-side queries & optimistic mutations - Electric for real-time sync from PG - Better Auth - Drizzle ORM - Tailwind CSS - Hono OpenAPI

Kyle Mathews

64,807 views • 11 months ago

Prefetching Tanstack Query in a server component
0:37

Prefetching Tanstack Query in a server component

Alex Sidorenko

56,536 views • 1 year ago

tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack
0:21

tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack tanstack

Wes Bos

47,902 views • 1 month ago

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.
0:47

Introducing Table and Data Table components. Powered by TanStack Table ✨ Built using Radix UI and Tailwind CSS. With Pagination, Row Selection, Sorting, Filters, Row Actions and Keyboard Navigation.

shadcn

420,995 views • 3 years ago

New in TanStack Start: route-aware CSS inlining. Inline initial route CSS during SSR to reduce blocking stylesheet requests and improve FCP.
0:32

New in TanStack Start: route-aware CSS inlining. Inline initial route CSS during SSR to reduce blocking stylesheet requests and improve FCP.

TANSTACK

90,908 views • 24 days ago

Introducing next-to-tanstack: a CLI to migrate your Nextjs projects to TANSTACK start I came across TanStack for the first time through Shayan a few months ago, and really liked the ecosystem and the idea of how you can deploy it easily on: -Cloudflare -Netlify …etc More and more people are moving away from Nextjs to TanStack, so I think this framework will be huge the next few years. This OSS project is still in progress. The goal is to make migrating from Nextjs as easy and time-saving as possible. The repo is in the comments, all PRs are welcome 👇
1:17

Introducing next-to-tanstack: a CLI to migrate your Nextjs projects to TANSTACK start I came across TanStack for the first time through Shayan a few months ago, and really liked the ecosystem and the idea of how you can deploy it easily on: -Cloudflare -Netlify …etc More and more people are moving away from Nextjs to TanStack, so I think this framework will be huge the next few years. This OSS project is still in progress. The goal is to make migrating from Nextjs as easy and time-saving as possible. The repo is in the comments, all PRs are welcome 👇

Sidi jeddou

32,733 views • 7 months ago

Introducing Tables 🚀 20 components, 10 styles, and powerful TANSTACK Table integration!
0:24

Introducing Tables 🚀 20 components, 10 styles, and powerful TANSTACK Table integration!

Pasquale Vitiello

108,821 views • 1 year ago

New in TanStack Start: Deferred Hydration. Choose when selected parts of your app hydrate, like when they become visible, get interacted with, or the browser goes idle.
0:32

New in TanStack Start: Deferred Hydration. Choose when selected parts of your app hydrate, like when they become visible, get interacted with, or the browser goes idle.

TANSTACK

148,271 views • 20 days ago

New demo: collaborative AI CAD in the browser 🚀 Built with Electric + Durable Streams + TANSTACK DB+AI+Start - ElectricSQL + DB: data sync - Durable Streams: presence + AI + CAD (Yjs!) sync - TanStack AI: AI for cad modelling 🤯 - Coded with Cursor
0:30

New demo: collaborative AI CAD in the browser 🚀 Built with Electric + Durable Streams + TANSTACK DB+AI+Start - ElectricSQL + DB: data sync - Durable Streams: presence + AI + CAD (Yjs!) sync - TanStack AI: AI for cad modelling 🤯 - Coded with Cursor

Sam Willis

155,183 views • 5 months ago

Your AI stack just stopped being closed. 🔓 TanStack AI now speaks AG-UI client-to-server. - The same client hits any AG-UI server. - Any AG-UI client hits a TanStack server. Zero breaking changes. Migration guide in the tweet below 👇
0:30

Your AI stack just stopped being closed. 🔓 TanStack AI now speaks AG-UI client-to-server. - The same client hits any AG-UI server. - Any AG-UI client hits a TanStack server. Zero breaking changes. Migration guide in the tweet below 👇

TANSTACK

78,896 views • 22 days ago

Introducing: The Anatomy of a TANSTACK Route. 👇 Everything you need to know, under 30 seconds.
0:26

Introducing: The Anatomy of a TANSTACK Route. 👇 Everything you need to know, under 30 seconds.

Josef Bender

16,653 views • 4 months ago

Shadcn + Tanstack Form + Zod = Tanstack Builder
0:27

Shadcn + Tanstack Form + Zod = Tanstack Builder

MrPotato | Lynkfire

39,391 views • 9 months ago

Are you getting it yet? IaC-like control over every piece of your codebase. This here sets up Vite, Tanstack, Tailwind, Shadcn, installs the shadcn components and deploys straight to CloudFlare.
0:22

Are you getting it yet? IaC-like control over every piece of your codebase. This here sets up Vite, Tanstack, Tailwind, Shadcn, installs the shadcn components and deploys straight to CloudFlare.

sam

30,232 views • 1 year ago

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.
0:29

Introducing shadcn/create – Build your own shadcn/ui Customize Everything. Pick your component library, icons, base color, theme, fonts and build something that doesn’t look like everything else. Now available for Next.js, Vite, TanStack Start and v0.

shadcn

1,126,882 views • 5 months ago

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →
1:32

Introducing Whenua - Open source - Accessible UI components for Astro & Tailwind CSS - Light and dark mode - Copy them, customize them, make them yours - No dependencies, no lock-in - Fully customizable npx whenua init →

Michael Andreuzza

22,635 views • 4 months ago

Introducing Gradio Sketch 🖌️ A no-code mode to start building and deploying machine learning apps. Install Gradio and just type: 𝚐𝚛𝚊𝚍𝚒𝚘 𝚜𝚔𝚎𝚝𝚌𝚑 in your terminal.
0:27

Introducing Gradio Sketch 🖌️ A no-code mode to start building and deploying machine learning apps. Install Gradio and just type: 𝚐𝚛𝚊𝚍𝚒𝚘 𝚜𝚔𝚎𝚝𝚌𝚑 in your terminal.

🍉 Abubakar Abid

56,570 views • 1 year ago

A sneak peak of what's coming to TANSTACK Start Devtools! The waterfall view shows the full power of parallel route fetching and link preloads! 🔥 You’ll be able to visually track how long each loader runs on the server and what arguments were available during SSR!
0:58

A sneak peak of what's coming to TANSTACK Start Devtools! The waterfall view shows the full power of parallel route fetching and link preloads! 🔥 You’ll be able to visually track how long each loader runs on the server and what arguments were available during SSR!

Aryan

167,162 views • 1 year ago