TanStack Start Curso Completo 2026 | Construa e Implemente uma Aplicação Full Stack

Neste vídeo, você aprenderá o que é o TanStack Start, por que ele corrige erros de hidratação e a confusão da diretiva "use client", e como pensar sobre roteamento, busca de dados, funções de servidor, rotas de API e SEO a partir de princípios básicos. Em seguida, você colocará tudo em prática construindo o Skild, um marketplace de habilidades para agentes full stack, desde uma pasta vazia até a implementação ao vivo.

Clerk: https://jsm.dev/tanstack-clerk

PostHog: https://jsm.dev/tanstack-posthog

CodeRabbit: https://jsm.dev/tanstack-coderabbit

🧠 Quer construir como eu? Aqui está o sistema → https://jsm.dev/ai-course

🎁 Kit de Vídeo (Código, Ativos, Prompts): https://jsm.dev/tanstack-kit

📘 Guia TanStack Start: https://jsm.dev/tanstack-ebook

💎 Curso TanStack Start Pro: https://jsm.dev/tanstack-course

⭐ Mais Cursos Pro: https://jsm.dev/tanstack-jsm

➤ Links não funcionando? Algumas regiões podem precisar de um VPN.

https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery

Consultas de Negócios: contact@jsmastery.pro

Marcos:

00:00:00 — Introdução

—

00:04:17 — TanStack

00:08:09 — O Ciclo de Vida da Requisição

00:11:35 — Instalação

00:15:13 — Estrutura do Projeto

00:23:17 — Componentes & Estilos

00:37:12 — Roteamento

00:48:06 — Busca de Dados

00:59:38 — Funções de Servidor

01:11:49 — Rotas de API

01:18:44 — Metadados & SEO

01:21:58 — Encerramento do Curso

—

01:23:35 — Instalação

01:30:18 — Layout

01:41:14 — Página Inicial

02:11:41 — Autenticação

02:22:20 — Análise

02:32:55 — Firebase

02:36:22 — Configuração do Banco de Dados

02:51:34 — Busca de Dados

03:11:41 — Indo mais longe