Como usar Breeze no Laravel 11 para criar sistema de login


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!