Laravel - Tailwind e Bootstrap - Como usar

Nessa aula vou te mostrar em detalhes, de mão beijada de como trabalhar com o Tailwindcss e Bootstrap com o Laravel usando o vite.
_
_
*Aulas que você vai gostar*
_
Nesse canal você encontra aulas e cursos sobre PHP e Javascript, do zero ao Full-Stack.
As aulas são sempre direto ao ponto, sem enrolação, com o editor aberto do início ao fim.

[stand]

No laravel 11 isso tudo já vem configurado. Isso significa que os criadores do Laravel estão atentos.

[David]

Ta ai uma video aula que me tirou uma duvida e eu vou usar o bootstrap junto com tailwind

[rafaelmiguelsantana]

Meu caro, você é o cara! Salvou minha vida com esse vídeo. Sou teu fã! Abraço

[darcio]

Melhor professor do youtube. Parabens!!

[igor]

Você é uma máquina de criar conteúdo. Parabéns irmão 😊

[marcospauloguedes]

Isso é POC, programação orientada a configuração 😂😂

[rafablum]

Fiz com a versão 3.3.3 os comandos abaixo e ela já fez todo processo de configurar no projeto (tailwind.config.js e vite.config.js).
comandos:
> npm install -D tailwindcss
> npx tailwindcss init

[Marcelo-oksl]

Primeiro q dizer seu canal e ótimo e vc manja muito parabéns. Postei antes aqui que detesto node kkkk, mas já entendi o tailwind e feito nativamente para node por causa do JS. Fui pesquisar e descobri que tem a ClI do tailwind, baixei o executável coloquei no path estou aprendendo a usar, vamos ver se vira no laravel. Não quero usar node . Abração.

[Greenomac]

muito top, novo no canal mas já virei fã rsrs

[insider]

entendi, simples e fácil, mas estou com uma dúvida, eu gerei a build, tudo certinho, mas como eu utilizo elas ? por que os nomes podem mudar, app.xxxx.css app.xxx.js, qual é a forma correta de utilizar no frontend ? como chamar ? percebi que tem o arquivo manifest que parece que referencia os nomes corretamente, mas como eu chamo no front ? com {{ asset() }} ? se puder explicar, pq tem q deixa dinamico quando altera e recompila gera novos nomes.

[teodozio]

Parabens pelo conteúdo mano, ta me ajudando mt

[romulie]

Muito show, esclareceu bastante. Uma dúvida, será que tem problema se usar os dois em um projeto?

[wesleyferreira]

Consegui importar o bootstrap porém como estou utilizando o Breeze pra implementar autênticação, que parece utilizar o Tailwind por padrão, ao importar o bootstrap no meu arquivo "app.css" da conflito como Tailwind, e ao remover o Tailwind a autênticação para de funcionar, alguma idéia de como resolver?

[pablonogueira]

Sensacional!
Uma dúvida que tenho é o seguinte: tenho arquivos que são de determinadas páginas apenas... Um datatables de uma página que tenha tabela, uma biblioteca owl carousel para página com slides, etc. Tá tudo bem eu colocar tudo isso dentro dos arquivos de seu tipo sem me preocupar com o desempenho do site? Por exemplo, tudo que é estilo vai pra dentro do app.css e tudo que é script pra dentro do app.js...

[renends]

"Simples assim!" → Seus vídeos são excelentes, ótima didática e divertidos. Qual tema vc está usando? Deve ser ótimo trabalhar de madrugada! Obrigado!

[ricktorelliphp]

Mestre, na instalação do bootstrap no Laravel pra funcionar JS e o ajax tem que instalar de alguma forma diferente, pois neste exemplo não vi funcionar o modal por exemplo? Do tipo abrir um modal, e fazer o ajax dar refrech sem chamar a tela de novo.

[esleyleal-op]

Recomendação de Aula

Front VueJS com Nuxt e Tailwindcss
Back PHP Laravel

Os dois conectados.. Isso um projeto simples
Tenho visto que algumas empresas esta fazendo essa separação do front com o back e usando essa forma que te passei, eu me perco muito conexão dos dois.

Por exemplo a pagina login com VueJS com Nuxt e Tailwindcss e no back-end eu validar isso..
Seria algo assim

[josenildo_tiago]

Cara como não tinha achado esse canal, só top!! Mas mestre, só uma dúvida, assim não fica misturado? Por exemplo, quero nas páginas não autentitificadas usar tailwind e nas páginas auth usar boostrap?

[tuliocruz]

Quando rodo o npm run build e coloco o css e js gerado e subo a aplicação, por algum motivo não carrega os css e fica sem estilo

[Greenomac]

Agora a dúvida, qual dos dois usar? Tailwindcss ou Bootstrap? conhecendo o tailwindcss agora, o bootstrap já uso bastante rsrs