Laravel 12 New Starter Kit: Features and Installation Guide

Laravel 12 introduces a powerful new Starter Kit, designed to streamline authentication, user management, and frontend integration. This starter kit makes it easier to start building web applications using Laravel 12 by providing pre-configured setups for React, Vue, and Livewire.  

In this blog, we’ll explore the new features of Laravel 12’s Starter Kit and provide a step-by-step guide for installation.  

Key Features of Laravel 12 Starter Kit

Laravel 12’s Starter Kit includes several improvements and new features that enhance developer experience:  

1. Pre-configured Authentication – Out-of-the-box login, registration, password reset, and user management.
2. Support for React, Vue, and Livewire – Choose the frontend framework that best suits your project.
3. Uses Inertia.js – Provides seamless client-side rendering without compromising Laravel’s backend features.
4. Enhanced Security – Includes CSRF protection, hashed passwords, and email verification by default.
5. Modern UI Components – Integrates Tailwind CSS and modern UI components for a sleek interface.
6. API-Ready – Compatible with Laravel Sanctum and Laravel Passport for API authentication.  

 Step-by-Step Installation of Laravel 12 Starter Kit  

1. System Requirements

Before installing Laravel 12, ensure your system meets the following requirements:  

• PHP >= 8.2
• Composer >= 2.8.6
• Node.js >= 18.18.2
• NPM >= 9.8.1
• Laravel Installer >= 5.12.2  

To check your current versions, run the following commands:  

php -v
composer -V
node -v
npm -v

If any of the above are outdated, update them before proceeding.    

2. Install Laravel 12  

To create a new Laravel 12 project, use the Laravel Installer or Composer:  

Using Laravel Installer  

laravel new my-app

Using Composer  

composer create-project --prefer-dist laravel/laravel my-app

This command will create a new Laravel 12 application in a folder named my-app .    

3. Navigate to Your Laravel Project  

After installation, navigate to your project directory:  

cd my-app

4. Install the Starter Kit

Laravel provides three options for its starter kit: React, Vue, and Livewire.  

React Starter Kit  

php artisan breeze:install react
npm install && npm run build

Vue Starter Kit  

php artisan breeze:install vue
npm install && npm run build

Livewire Starter Kit  

php artisan breeze:install livewire

Laravel will prompt you to choose between Inertia.js and standard authentication.  

5. Migrate the Database

Run the migration command to set up database tables:  

php artisan migrate

6. Start the Development Server

To test your Laravel 12 Starter Kit installation, start the server:  

php artisan serve

Now, open http://localhost:8000 in your browser to view your Laravel 12 application.  

Final Thoughts

Laravel 12’s new Starter Kit significantly reduces the setup time for authentication and frontend integration. Whether you prefer React, Vue, or Livewire, this starter kit provides a robust foundation for building modern web applications.  

Would you like to explore more Laravel 12 features? Let us know in the comments!