Laravel 10 - Breeze Authentication
Laravel 10 - Breeze Authentication
In this tutorial, we will implement Breeze authentication in Laravel 10. Laravel Breeze is a simple and lightweight authentication package that provides all the basic features needed for user login, registration, and password reset. It is ideal for those who prefer a minimal setup and can be easily extended to suit more complex needs.
If you're a video person, feel free to skip the post and check out the video instead!
Quick Overview
In this guide, we walk you through setting up a complete authentication system in a Laravel 10 application using the Laravel Breeze starter kit. We begin by creating a fresh Laravel project to ensure a clean and conflict free environment. From there, we navigate into the project directory, install the Breeze package via Composer, and scaffold the authentication views using the Blade stack. After setting up the database with Laravel’s built-in migration system, we compile frontend assets using Vite to enable hot reloading and instant style/script updates. Finally, we launch the Laravel development server to explore built-in routes for login, registration, password recovery, and email verification. By the end of this tutorial, you’ll have a lightweight yet fully functional auth system powered by Breeze, styled with Tailwind CSS, and ready for customization in your next Laravel project.
Step # 1 : Start Fresh with a New Laravel Project.
To kick things off, let’s set up a brand-new Laravel project. This gives us a clean foundation to work with, perfect for implementing features like authentication with Breeze. You have two easy options to create the project. If Laravel is installed globally on your system, run.
laravel new breeze
If not, you can still use Composer to create the project.
composer create-project laravel/laravel --prefer-dist breeze
This command will create a brand-new Laravel application inside a folder named breeze, containing all the essential framework files. Starting with a clean project ensures that your development environment is free from clutter, legacy code, or package conflicts. It provides a stable foundation to build and test new features like Laravel Breeze authentication without unexpected issues.
Step # 2 : Access the Project Directory.
After creating your Laravel project, open a terminal window (like Git Bash or Command Prompt) and move into the project’s root directory. This is where all the core Laravel files live, and it's the place where you'll run most Artisan and development commands. For example, if you installed Laravel inside c:/xampp/htdocs/breeze, you can navigate to it by running.
cd c:xampp/htdocs/breeze
Make sure you're inside the correct folder before continuing, all upcoming setup steps depend on being in the project root.
Step # 3 : Install Laravel Breeze.
Now that you’re inside your project directory, it’s time to install Laravel Breeze, a simple and lightweight authentication starter kit. Breeze offers a minimal setup using Blade templates and Tailwind CSS, making it a great choice for quickly scaffolding authentication features. Run the following Composer command to install it.
composer require Laravel/breeze --dev
This will pull in the Breeze package as a development dependency, preparing your app for clean and modern auth scaffolding without any bloat.
Step # 4 : Install Breeze Auth Scaffolding.
With the Breeze package installed, the next step is to scaffold the authentication system. This will generate all the necessary files for login, registration, password reset, and email verification, fully styled and ready to go. Run the following Artisan command.
php artisan breeze:install
When you run this, Laravel will ask you to choose a frontend stack, like Blade or Inertia. If you go with Blade (which is great for simplicity), it may also prompt you for extra preferences such as enabling dark mode or using Pest for testing. Pick the options that suit your project best, and Laravel will do the rest, setting up a clean and functional auth system tailored to your choices.
Step # 5 : Run the Database Migrations.
Now that the authentication scaffolding is in place, it's time to set up the necessary database tables. Laravel includes default migration files that create essential tables like users, password_reset_tokens, and email_verification_tokens. To apply these migrations, simply run.
php artisan migrate
This command will build the authentication-related tables in your database, making your app ready to store user accounts, handle password resets, and manage email verifications. Just make sure your database is properly configured in the .env file, if it doesn’t exist yet, create it manually through phpMyAdmin or your preferred database tool. Once done, rerun the migration to complete the setup.
Step # 6 : Run the Laravel Vite Dev Server.
Next, let’s compile the frontend assets that power the Breeze UI. Laravel Breeze uses Vite to bundle and serve assets like CSS and JavaScript during development. To install the required dependencies and launch the Vite dev server, run.
npm install && npm run dev
This will first install all the Node modules defined in your package.json file, and then start the Vite server, which handles real-time updates and hot module replacement. As you make changes to your styles or scripts, Vite will automatically recompile them and reflect updates in the browser instantly, making the development experience much smoother and faster.
Step # 7 : Run the Laravel Development Server.
Now that your frontend assets are ready, it’s time to launch the Laravel application itself. Open a new terminal window (such as Git Bash or Command Prompt), and start the development server by running.
php artisan serve
This command will spin up Laravel’s built-in web server and make your app accessible at http://localhost:8000 by default.
Once it’s running, you can explore the Breeze powered authentication system right away using these built-in routes.
- Login – /login: For existing users to sign in.
- Register – /register: For new users to create an account.
- Forgot Password – /forgot-password: Sends a reset link via email.
- Email Verification – /email/verify: Confirms the user’s email address.
At this point, your authentication system is fully functional. You can now register users, log in, reset passwords, and verify email addresses, all with a simple and clean Breeze interface.
Conclusion
By following this step-by-step guide, you’ve successfully implemented a fully functional authentication system in your Laravel 10 application using the Laravel Breeze package. Starting from a fresh Laravel setup, you installed Breeze, scaffolded the authentication views with Blade, ran essential database migrations, and compiled the frontend assets with Vite. Now, your app includes out-of-the-box support for user registration, login, password resets, and email verification, all styled with Tailwind CSS for a modern look. This lightweight setup is ideal for getting started quickly while keeping your codebase clean and easy to maintain. Whether you're building a personal project or prototyping a new idea, Breeze provides the perfect foundation for secure user authentication.
For further customization and options, be sure to check out the Laravel Breeze documentation.
Share this with friends!
To engage in commentary, kindly proceed by logging in or registering
Subscribe to Our Newsletter
Stay ahead of the curve! Join our newsletter to see what everyone’s talking about.
Continue with Google
0 Comments