laravel
inertiajs
vuejs
twitter bootstrap
Para começar é necessário ter o composer instalado.
Baixe ele aqui, em seguida(opcional):
Cria o banco de dados:
Conteúdo do arquivo .env
Crie um novo repositório no Github para manter um histórico de alterações, depois inicialize o git:
Altere seu_login e site para os respectivos login e repositório criados no Github.
Para enviar o conteúdo da sua pasta local para o Github é necessário cadastrar sua chave SSH nas configurações da conta no Github, se tiver dúvidas de como fazer isso deixe um comentário neste artigo.
No arquivo app/Http/Kernel.php
dentro de $middlewareGroups
na última linha da chave web
adicione a seguinte linha:
Conteudo do arquivo app/Http/Middleware/HandleInertiaRequests.php
:
Conteúdo do arquivo resources/views/app.blade.php
Salve as alterações no Github, se algo der errado você pode voltar o estado do seu projeto para antes das alterações:
O Ziggy serve para expor suas rotas existentes no lado servidor(Laravel) para o lado cliente(Vue.js):
resources/js/Layouts/Main.vue
Linkresources/js/Components/Header.vue
Linkresources/js/Components/Footer.vue
Linkresources/js/Components/Carousel.vue
LinkConteúdo do arquivo webpack.mix.js
Conteúdo do arquivo resources/js/app.js
No arquivo config/app.php
dentro do array providers
adicione na última linha de Application Service Providers
o seguinte conteúdo:
Abra o arquivo app/Providers/FortifyServiceProvider.php
e no topo, logo abaixo da linha que começa com namespace
adicione:
E abaixo, dentro do método boot()
adicione o seguinte código no final do método:
Git commit:
Abra o arquivo app/Models/User.php
e abaixo da linha que começa com namespace
adicione a seguinte linha:
No mesmo arquivo na linha que contem:
Adicione HasApiTokens
assim:
Salve o estado atual da aplicação:
Crie o arquivo resources/scss/app.scss
com o seguinte conteúdo:
No edite o arquivo routes/web.php
para se parecer com este trecho de código:
No arquivo app/Providers/RouteServiceProvider.php
altere a linha:
Para:
Abra duas abas do terminal e rode os comandos:
Agora visite http://127.0.0.1:8000 e teste as rotas.
Espero que funcione.
Forte abraço.
Se preferir, pode clonar o repositório deste projeto no Github:
Se esse artigo foi útil pra você de alguma maneira(eu espero que sim