top of page
Foto do escritorLuiz Maciel Segura dos Santos

Como começar um projeto Laravel com sistema de Login fácil


Imagem da capa da postagem contendo a logo do Laravel Breeze e o título "Como começar um projeto laravel com sistema de Login fácil"

Como começar um projeto Laravel com sistema de Login fácil


Introdução

Para você que quer saber como começar um projeto em Laravel com sistema de login fácil e não sabe por onde começar, esse guia pode ser o ideal para você!


Requisitos

Será necessário ter alguns programas instalados em seu computador, entre eles o XAMPP, o Composer e o framework Laravel.


O que é o XAMPP?

XAMPP é um pacote com os principais servidores de código aberto do mercado, incluindo FTP, banco de dados MySQL e Apache com suporte as linguagens PHP e Perl. <Wikipédia>


Download & Instale o XAMPP


O que é o Composer?

O Composer é um gerenciador de dependências em nível de aplicativo para a linguagem de programação PHP que fornece um formato padrão para gerenciar dependências de software PHP e bibliotecas necessárias. <Wikipédia>


Download & Instale o Composer


O que é o Laravel?

Laravel é um framework PHP livre e open-source criado por Taylor B. Otwell para o desenvolvimento de sistemas web que utilizam o padrão MVC. <Wikipédia>


Siga o seguinte passo a passo do Laravel


Basicamente esses são os requisitos mínimos para rodar uma aplicação Laravel com autenticação Via Breeze, é indicado ter também o Visual Studio para rodar os comandos do CMD via termina, mas isso fica a seu critério.


Passo a passo


Crie uma pasta dedicada para os projetos Laravel em algum local na sua máquina, exemplo: C:\Users\SeuUsuario\Documents\GitHub\Laravel


A partir do termina/cmd execute o seguinte comando a partir dessa pasta

composer create-project laravel/laravel example-app
Diretório de arquivos após a criação do projeto

Acima um exemplo de como irá ficar a pasta de arquivos escolhida para criar o projeto.


Quando a execução terminar, o projeto básico do Laravel estará pronto, então você pode executar os seguintes comandos:

cd example-app
 
php artisan serve

Ao executar esse comando o php irá rodar na sua máquina uma do projeto inicial do laravel.

Terminal com o link para abrir o projeto rodando

Você pode visualizar a aplicação rodando em tempo real na sua máquina clicando com Ctrl + Click Esquerdo do mouse na Url que aparecer, no caso "http://127.0.0.1:8000".

Aplicação rodando em tempo real na máquina

E o básico você já tem, agora precisamos instalar o Kit Inicial do Laravel chamado Laravel Breeze, porém antes disso é importante ter os serviços do Xampp funcionando, então abra o Xampp Control Panel e inicie o Apache e o MySql clicando nos botões Start de ambos.

Painel de controle do Xampp com o Apache e o MySQL rodando

Após isso vamos instalar o Breeze, o link abaixo serve de consulta para obter informações mais detalhadas caso tenha curiosidade.



O primeiro passo é para o servicor utilizando o Ctrl+C para isso.

Terminal após executar o comando Ctrl + C para parar a execução do servidor

Após isso vamos executar o seguinte comando:

composer requirelaravel/breeze--dev

Após isso execute o próximo comando:

php artisan breeze:install

Preste atenção para digitar os seguintes comandos para as perguntas que irão aparecer no passo a passo:


Which Breeze stack would you like to install?

blade

Would you like dark mode support?

Pressione:Enter

Which testing framework do you prefer?

Pressione:Enter


Após isso execute os próximos comandos um de cada vez

php artisan migrate
npm install
npm run dev

Após executar o npm run dev você precisa abrir outro termina/cmd para executar o próximo comando:

php artisan serve

Esse comando irá iniciar o projeto e você poderá ver sua aplicação Laravel com sistema de login funcionando em poucos minutos.

Terminal duplo mostrando a execução do "npm run dev" e do "php artisan serve"

Conclusão


Utilize o link [http://127.0.0.1:8000/] para acessar a sua aplicação.

Você poderá ver que agora no topo superior direito terão 2 novos botões.


Botões de Log in e Register após instalar o breeze

E agora esta tudo pronto, você pode utilizar das funcionalidades do Laravel Breeze em seu projeto !

Tela de login

Tela de registro

Tela inicial logada

Tela de edição de perfil


183 visualizações0 comentário

Posts Relacionados

Ver tudo

Inovações

Comments


bottom of page