Laravel + Bootstrap + Vite
Aprenda como utilizar!
O que é Laravel?
Laravel é um framework PHP gratuito e de código aberto, projetado para desenvolvimento web ágil e elegante. Ele fornece uma estrutura robusta e flexível para construção de aplicativos web modernos.
O que é Bootstrap?
Bootstrap é um framework front-end de código aberto que facilita o design responsivo e rápido de sites e aplicativos web. Ele possui uma coleção de classes CSS e componentes JavaScript prontos para serem utilizados, permitindo um desenvolvimento mais fácil e eficiente.
O que é Vite?
Vite é uma ferramenta de construção rápida para aplicativos web modernos. Ela combina o empacotamento rápido de módulos com um servidor de desenvolvimento instantâneo. É especialmente adequado para projetos menores ou para prototipagem rápida.
Como utilizar Laravel + Bootstrap + Vite?
Para utilizar essa combinação de tecnologias, siga os passos abaixo:
- Crie um novo projeto Laravel utilizando o comando:
- Navegue para o diretório do projeto:
- Instale as dependências do Laravel:
- Instale o Bootstrap utilizando o npm:
- Configure o Vite para o seu projeto Laravel:
- Escolha as opções adequadas para o seu projeto, incluindo o template com Bootstrap.
- Após a configuração do Vite, execute o servidor de desenvolvimento:
- Pronto! Agora você pode começar a desenvolver seu projeto Laravel com o suporte do Bootstrap e o Vite para compilar e atualizar automaticamente os seus arquivos.
laravel new nomeprojetocd nomeprojetocomposer installnpm install bootstrapnpm init vitenpm run dev
Cara! Salvou o dia aqui! Eu estava quebrando a cabeça pra entender como alternar alguns projetos do Mix para o Vite e com seu tutorial ficou TOP! Parabéns!
Muito bem abordado esse assunto, e de forma muito bem detalhada. Ganhou um inscrito !!!
Mestre, quando ativei o npm run dev deu ruim, perdeu a configuração Bootstrap, saberia o motivo, estou usando o Laravel Sail.
Parabéns pelo video, muito bom
Show demais!!!!
mtmttm obg!
Nossa, muito bom mesmo. Obrigado pelo vídeo, muito bem explicadinho. Parabéns
Ótimo vídeo.. continue com os vídeos.. estou amando aprender sobre o Laravel
Quando mudaram pro Vite fiquei muito chateado mas depois que aprendi usar estou apaixonado 🥰 pena que muitos pacotes npm não funcionam como Jquery por exemplo
Alguma solução para o seguinte erro: quando importo as resources na view o css roda normal, porém o js não, tipo um menu drop down fica inoperante.
é "VÍTI" a pronuncia. e nao "VAITE"
Obrigado Professor!! iniciei agora meus estudos em Laravel 9, com o intuito de continuar avançando e consquistar minha vaga como júnior e hoje estava querendo usar o bootstrap e estava com dificuldade de instalar. Mais um vez, obrigado!! 🙂
Ótimo conteúdo sobre o assunto! Poderia explicar como trabalhar com Laravel 9 usando vite com outras tecnologias como jQuery, vue ou react, abraço!