Meu stack está em um pouco de fluxo recentemente, se você

O problema que o material coloca

O material abre a restrição assim: Meu stack está em um pouco de fluxo recentemente, se você não notou. Se você está por aí desde que meu canal começou, você sabe que tudo começou com o stack T3, o stack que eu construí meu negócio em cima dele, o ping, você sabe, o app de vídeo que eu ainda uso para todos os meus colabs. Eu quero dar um tempo para vocês entenderem o que é o estado atual do meu stack, o que aconteceu com o stack T3 e como eu recomendo construir hoje, porque é muito diferente do que era antes e é incrivelmente diferente do que eu jamais imaginaria que seria.

Desde minha escolha de não usar sequela mais. Acontece que quando tudo na sua base de código é um arquivo, não alguma config estranha em algum dashboard, a AI é muito melhor nisso do que se fosse navegando em alguma página estúpida. Este vídeo vai incluir tudo, desde os paquetes que eu uso, os frameworks que eu construo, os serviços que eu integro, e, mais importante, a maneira que eu penso sobre todas essas coisas enquanto eu estou construindo e projetando minhas aplicações e sua infraestrutura.

Mas eu gostaria de fazer um pouco de dinheiro. Eu subi live no meu adread porque eu o tentei e falei, oh meu Deus, eu preciso disso. Ou se descolamos, podemos ver como a IKEA faz sua experiência de compras em apps.

Para `stack-pagina-tudo-react-codigo-quer`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Como o fluxo aparece na pratica

No miolo do episódio, o mecanismo fica explícito: Se você é um coder de vibe ou um designer profissional ou qualquer coisa em entre, ter boas referências é mais essencial agora do que nunca e encontrar elas é muito difícil, a menos que você use Mobin. E se você quer se inspirar e construir melhores aplicativos, veja agora em soydev.link.com.br Vamos começar por descer as peças do seu stack. Se você é um gestor de paquete e geralmente gestor de espaço de trabalho, hoje em dia, eu acho que o NPM e o PNPM mais e mais fazem muitas coisas que você não pode ter antes.

E há algumas coisas opcionais como monorepos que cobram a maioria disso eu poderia colocar linguagem aqui, mas você sabe o meu tom de vista se pode estar em um tipo de criação e não há uma boa chance de você ser irresponsável porque você tem que ter um código cliente em algum lugar e se você pudesse usar a mesma linguagem para ambos isso é realmente legal acredite em mim eu queria que eu pudesse dizer elixir como. E essas são, obviamente, Gatsby e o app Create React. Mas eu vejo a minha própria visão no TanStack Start e no ecossistema do TanStack Router cada vez mais, mas o Vite está em um estado muito bom também e se eu só quero algo pequeno e simples como se eu estivesse fazendo uma caixa de sandálias ou um projeto de lado ou qualquer coisa onde eu não precise de uma página de casa renderada estatal, o Vite pode ser muito legal.

Há outra maneira que eu recomendaria pensar sobre isso, Eu diria que isso é mais como. Bundler ou o comando init e mais como o passo diferente para routers next.js é o router para o próximo tan stack start router é tan stack router invite te dá muitas opções, mas realisticamente a opção que você está escolhendo é react router acredite em mim, eu desejo mais do que qualquer pessoa que as pessoas usam routers minimais poderosos como wowder mais eu amo wowder ótimo pedaço de software, mas eles não. Porque você não quer que sua página web seja uma app de uma única página, VDAP, com nenhum conteúdo de default.

Para `stack-pagina-tudo-react-codigo-quer`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Decisoes e trade-offs do episodio

As decisões práticas que aparecem no áudio: Então, se você quiser isso no mesmo projeto, o que eu costumo fazer, se você olhar algo como upload thing Nós temos uma página de casa estática com muitas partes dinâmicas legais como a animação do Rive aqui e o que não Mas é uma página HTML estática se eu desligar o JavaScript, ainda vai carregar e mostrar conteúdo Mas então quando você vai para o dashboard, se torna muito mais de uma aplicação tradicional e. Mas se você realmente quer uma boa, mínima página de casa com toda a SEO e tudo que você sabe, e ao mesmo tempo ter uma aplicação dinâmica que usa o mesmo código, pode usar os mesmos componentes, o mesmo tudo, a magia que você quer lá é a mais fácil de fazer no Next.js. Um é o blog, um é o dashboard, um é a página de casa.

Você entende o ponto, mas há muita oportunidade em NEXT para variar o quão estático e dinâmico são diferentes coisas e muitas dimensões diferentes que eles já resolveram para onde se você se importar com isso é muito benefício Mas se seus olhos estão se esgatando nessa parte do vídeo, isso é bem, vá usar o Vite. Então, uma vez que você tenha decidido essa parte, eu diria que a decisão fica muito mais fácil. Se eu não for, vamos para o VEAT.

Eu ainda estou no PNPM, eu sei, eu sei, as pessoas do BUN, as pessoas do BUN não têm grandes repos monoribais. Oh, Antfu tem NE e eu aposto que NE iria funcionar bem para isso também. Então você não tem que fazer uma requerida de rede toda vez que você instala.

Para `stack-pagina-tudo-react-codigo-quer`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Armadilhas que o transcript revela

Onde o fluxo costuma quebrar, segundo a fonte: Eu sinto que as outras opções que eu teria. Requer muito mais trabalho ou compromisso como cloudflare seria mais barato e teria características de performance um pouco melhor para coisas como esses workloads agentes de longo prazo e endpoints de inferência de chats t3 porque os trabalhadores de cloud, como eu mencionei em muitos vídeos agora, são um nível de abstracção mais alto do que o que o vercel faz porque cada pedido no vercel vai para uma instância. Isso significa que quando sua requerida não precisa de CPU, porque está esperando que algo outro aconteça, uma outra requerida pode ir para um outro código na mesma caixa, na mesma instância V8 e resolver.

O que significa que Cloudflare não importa quanto tempo sua requerida toma, eles só importam quanto tempo a requerida usa, o que significa que para coisas que são de longa duração e baixa computação, Like AI inference, onde eu estou só sentado lá esperando para a API de AAPI de AAPI responder com tokens. Eu vou para a página de casa da Vercel, eu clico no botão de projeto novo, eu clico na reposição do GitHub e agora está pronto. E mesmo então, a quantidade de merda que eu tive para tentar conseguir um ponto de fim de API para servir em frente a assentos estáticos sem eles se clobraram um com o outro quando eles fizeram as páginas do Cloudflare para a migração de trabalhadores do Cloudflare, eu tive três empregados do Cloudflare tentando me ajudar a desbordar.

O que eu estou dizendo é que a software que eu construí, que tem backends e frontends, e eles têm que se relacionar com um outro, não funciona muito bem no Cloudflare sem um bom pouco de esforço. E agora que temos a diferença de preço com o computador fluido, que eu falei em muitos vídeos, vá lavá-los se você não tem e está interessado, Vercel é mais barato do que usar suas próprias lambdas. É louco que se nós tivéssemos um espectro de custos onde na esquerda é mais caro e na direita aqui é menos caro, que antes era Vercel, Lambda, VPS de 5 dólares e Cloudflare.

Para `stack-pagina-tudo-react-codigo-quer`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Como levar isso para o seu contexto

Traduzindo o trecho para um time que não viu o vídeo: É ainda mais caro que um VPS de 5 dólares para muitas diferentes workloads, mas é mais barato do que Lambda, porque no AWS, um Lambda resolve um pedido. Eles construíram essa layer de abstracção, o Vercel é agora mais barato, eles fazem um monte de sentido para um monte de diferentes escalas, e se você quer Node, escalas infinitas de cima e de baixo, deployamentos de preview incríveis e experiência lá, e todas as outras coisas que eu falei, eles são realmente valentes ainda. E então o Fluid Compute aconteceu e desabou a dívida por 90%.

Em escala planeta e eu o atiraria através de prisma ou drizzle, principalmente drizzle, eu então definiria os endpoints em trpc se eu precisasse de novos updates, eu colocaria eles em pusher ou websocket e então eu usaria a query de reac em o cliente para juntar tudo isso, note como eu não mudei nada na parte convexa em vez de meu sql ou outro sql eu uso convex em vez de planet escala outro host eu uso convex em. Você tem a ideia, porém, vamos apenas passar por e colocar convexos em todos os lugares que precisam estar aqui. E acredite ou não, eu estive bem profundamente em baixo em ambos esses recentemente.

Para colocar de forma simples, se seu objetivo é conseguir o Auth funcionar o mais rápido possível, com todas as boas coisas que você precisa, como organização, administração, subscritos e pagamentos, o pequeno botão na cor onde o usuário pode clicar para ter toda a sua informação, sair e customizar seu perfil e tudo mais. Eu ainda defalo a maioria dos meus projetos para o clerk quando eu faço uma coisa nova e precisa de off o clerk é o caminho mais feliz por aí, então se você quer tudo tratado para você, de pagamentos para os componentes que o usuário vê, passos fáceis para implementar a maioria das coisas que você nunca queria e um preço razoável com alguns negócios realmente bons incluídos como o fato de que um usuário não conta. Mas se eles signam de vez e nunca mais, eles não contam para os limites dos usuários.

Para `stack-pagina-tudo-react-codigo-quer`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Sinais de que a aplicacao funcionou

Para fechar o ciclo com evidência do próprio material: Se você quer uma empresa que tem uma pessoa cujo trabalho está se preparando para integrar em seu serviço, para que eles possam usar com a sua empresa, o WorkOS é, de fato, a maneira mais fácil de lidar com toda essa merda. E, cara, eu gostaria que fosse lá quando começamos o T3Chat, seria muito mais fácil. Espero que isso faça bem fácil decidir entre essas duas se você quiser ir pela rota de serviço.

Meu stack está em um pouco de fluxo recentemente, se você não notou. Se você está por aí desde que meu canal começou, você sabe que tudo começou com o stack T3, o stack que eu construí meu negócio em cima dele, o ping, você sabe, o app de vídeo que eu ainda uso para todos os meus colabs. Eu quero dar um tempo para vocês entenderem o que é o estado atual do meu stack, o que aconteceu com o stack T3 e como eu recomendo construir hoje, porque é muito diferente do que era antes e é incrivelmente diferente do que eu jamais imaginaria que seria.

Desde minha escolha de não usar sequela mais. Acontece que quando tudo na sua base de código é um arquivo, não alguma config estranha em algum dashboard, a AI é muito melhor nisso do que se fosse navegando em alguma página estúpida. Este vídeo vai incluir tudo, desde os paquetes que eu uso, os frameworks que eu construo, os serviços que eu integro, e, mais importante, a maneira que eu penso sobre todas essas coisas enquanto eu estou construindo e projetando minhas aplicações e sua infraestrutura.

Para `stack-pagina-tudo-react-codigo-quer`, preserve só o que muda uma decisão observável esta semana. Se o trecho for opinião, rotule como opinião — não fabrique métrica ausente do áudio.

Recortes adicionais da fonte

Estes trechos reforçam o raciocínio sem resumir genérico:

Meu stack está em um pouco de fluxo recentemente, se você não notou. Se você está por aí desde que meu canal começou, você sabe que tudo começou com o stack T3, o stack que eu construí meu negócio em cima dele, o ping, você sabe, o app de vídeo que eu ainda uso para todos os meus colabs. Eu quero dar um tempo para vocês entenderem o que é o estado atual do meu stack, o que aconteceu com o stack T3 e como eu recomendo construir hoje, porque é muito diferente do que era antes e é incrivelmente diferente do que eu jamais imaginaria que seria.

Desde minha escolha de não usar sequela mais. Acontece que quando tudo na sua base de código é um arquivo, não alguma config estranha em algum dashboard, a AI é muito melhor nisso do que se fosse navegando em alguma página estúpida. Este vídeo vai incluir tudo, desde os paquetes que eu uso, os frameworks que eu construo, os serviços que eu integro, e, mais importante, a maneira que eu penso sobre todas essas coisas enquanto eu estou construindo e projetando minhas aplicações e sua infraestrutura.

Mas eu gostaria de fazer um pouco de dinheiro. Eu subi live no meu adread porque eu o tentei e falei, oh meu Deus, eu preciso disso. Ou se descolamos, podemos ver como a IKEA faz sua experiência de compras em apps.

Se você é um coder de vibe ou um designer profissional ou qualquer coisa em entre, ter boas referências é mais essencial agora do que nunca e encontrar elas é muito difícil, a menos que você use Mobin. E se você quer se inspirar e construir melhores aplicativos, veja agora em soydev.link.com.br Vamos começar por descer as peças do seu stack. Se você é um gestor de paquete e geralmente gestor de espaço de trabalho, hoje em dia, eu acho que o NPM e o PNPM mais e mais fazem muitas coisas que você não pode ter antes.

E há algumas coisas opcionais como monorepos que cobram a maioria disso eu poderia colocar linguagem aqui, mas você sabe o meu tom de vista se pode estar em um tipo de criação e não há uma boa chance de você ser irresponsável porque você tem que ter um código cliente em algum lugar e se você pudesse usar a mesma linguagem para ambos isso é realmente legal acredite em mim eu queria que eu pudesse dizer elixir como. E essas são, obviamente, Gatsby e o app Create React. Mas eu vejo a minha própria visão no TanStack Start e no ecossistema do TanStack Router cada vez mais, mas o Vite está em um estado muito bom também e se eu só quero algo pequeno e simples como se eu estivesse fazendo uma caixa de sandálias ou um projeto de lado ou qualquer coisa onde eu não precise de uma página de casa renderada estatal, o Vite pode ser muito legal.

Há outra maneira que eu recomendaria pensar sobre isso, Eu diria que isso é mais como. Bundler ou o comando init e mais como o passo diferente para routers next.js é o router para o próximo tan stack start router é tan stack router invite te dá muitas opções, mas realisticamente a opção que você está escolhendo é react router acredite em mim, eu desejo mais do que qualquer pessoa que as pessoas usam routers minimais poderosos como wowder mais eu amo wowder ótimo pedaço de software, mas eles não. Porque você não quer que sua página web seja uma app de uma única página, VDAP, com nenhum conteúdo de default.

Internalize com links reais do ecossistema CrazyStack: /blog, /curso-cursor-avancado-configuracoes-pro, /curso-claude-code-9-dicas-profissionais, /programa-crazystack e /checklist-independencia-cursor.