Tanstack Start is a new meta framework that aims to solve many of the annoying problems with Next.js. In this video I will be showing you how to create a complete fullstack project using Tanstack Start and explaining how it compares to Next.js. By the end of this video you will know everything you need to know about Tanstack Start to build your own fullstack projects.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/tanstack-start-todo-list
WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app/


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00:00 - Introduction
00:00:59 - Project Setup
00:06:26 - Database Setup
00:10:33 - Your First Route
00:13:24 - Server Only Code
00:16:52 - Home Page
00:24:10 - New Todo Form
00:35:03 - Todos Table Component
00:41:45 - Edit Todo Form
00:47:30 - Client-side Updates
00:55:10 - Optimistic Updates
00:56:40 - Client-only Code


#TanstackStart #WDS #NextJS

Web Dev Simplified

A comprehensive tutorial building a full-stack to-do application with TanStack Start, covering routing, server functions, database integration with Drizzle ORM, form handling, and client-server data flow. Demonstrates key differences from Next.js including file-based routing with dollar-sign parameters, server functions for both GET and POST operations, and the absence of 'use client' directives. Includes practical examples of type-safe routing, loading states, redirects, and integrating Tailwind CSS with shadcn/ui components.

Will Tanstack Start Replace Next.js?

Tanstack is waaaay more flexible, light and fully type safe holly shmolly
it’s the type of library where you’r afraid the first time tho
but when you learn how to use all the different part and connecting together, it’s a masterpiece

Not close yet, but we are following. They have this smart db offline first approach that could be a new gold standard. :D &lt;3

Not “will”. it replaced it last year.