Como usar Breeze no Laravel 11 para criar sistema de login

---

Publicado 10 de julho de 2024

Neste tutorial, será apresentado como usar o Breeze no Laravel 11 para criar um sistema de login.

Primeiramente, será demonstrado como criar um projeto com Laravel e Breeze.

Em seguida, será explicado como criar um sistema de login com Breeze e Laravel.

Por fim, será mostrado como usar seed no Laravel.

Download do código fonte desenvolvido na aula: Download

PlayList sobre Laravel: Acessar

PlayList como usar Breeze no Laravel: Acessar

Receber as aulas gratuitas do curso de Laravel: Acessar

Para criar um projeto com Laravel, é necessário ter o PHP 8.2 ou uma versão superior, além do Composer.

Utilize o comando abaixo para criar o projeto com Laravel.

composer create-project laravel/laravel .

Para instalar o Breeze, utilize o comando.

composer require laravel/breeze --dev

É necessário publicar a autenticação, rotas, controladores e outros recursos do Breeze para a aplicação.

php artisan breeze:install

Executar as migrations para criar o banco de dados e as tabelas.

php artisan migrate

Criada a SEED "UserSeeder" para cadastrar o usuário de teste.

php artisan make:seeder UserSeeder

Executando o comando acima, é criado o arquivo "database/seeders/UserSeeder". Nele, é implementado o código para cadastrar o usuário e a senha.

public function run(): void
{
    if (!User::where('email', 'cesar@celke.com.br')->first()) {
        User::create([
            'name' => 'Cesar',
            'email' => 'cesar@celke.com.br',
            'password' => Hash::make('123456a', ['rounds' => 12])
        ]);
    }
}

Acrescente o seed "UserSeeder" no arquivo "database/seeders/DatabaseSeeder".

$this->call([
    UserSeeder::class,
]);

Após criar a seed, execute-a para cadastrar o usuário de teste no banco de dados.

php artisan db:seed

É necessário instalar as dependências do Node.js.

npm install

Por fim, execute o Node.js.

npm run dev

Também execute o Laravel.

php artisan serve

Para ver o resultado, acesse a URL no navegador.

http://127.0.0.1:8000

Caso tenha utilizado a seed criada acima, o usuário e a senha são:

Usuário: cesar@celke.com.br
Senha: 123456a

Baixar o código-fonte completo do projeto.

Bom, era isso. Espero que o tutorial tenha sido útil!