How To Use Laravel 12 New Starter Kit (Livewire)

Introduction:

Laravel 12 rolls out new starter kits crafted to simplify and speed up the development of applications using React, Vue, or Livewire. These kits come pre-configured with essential features like authentication, user registration, and settings management, enabling developers to focus on core functionality without the hassle of repetitive setup. Each kit also includes modern UI components and supports enhanced features such as social authentication, passkeys, and Single Sign-On (SSO) via WorkOS AuthKit. Getting started is simple—install the Laravel installer through Composer, create a new project, and pick your preferred starter kit during setup. This streamlined process offers a solid foundation to launch your project quickly and efficiently.

In this tutorial, we’ll be using Livewire as our starter kit.

Prerequisite:

Before we proceed we must update the composer, laravel installer, node, and npm on our local environment:

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

If you are having trouble updating the Composer follow these steps:

composer self-update

If you are having trouble updating the Laravel Installer follow these steps:

composer global remove laravel/installer
composer global update
composer global require laravel/installer

Step 1: Install Laravel

Run this command on Terminal or CMD to install Laravel:

laravel new laravel-12-start-kit-livewire

Follow these choices:

Step 2: Run the Laravel App

After successfully creating a new laravel project, run these commands:

cd laravel-12-start-kit-livewire
composer run dev

Open this URL and test the app:

http://127.0.0.1:8000/

Screenshots