Learn Tanstack Start In 60 Minutes

SponsorBecome a web developer with my FREE Web Development Roadmap - 260+ videos, 120+ projects, 60+ articles 👉 https://webdevsimplified.com/web-dev-...

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/t...

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:   / webdevsimplified

Twitter:   / devsimplified

Discord:   / discord

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