How To Use Laravel 12 New Starter Kit (Vue)

How To Use Laravel 12 New Starter Kit (Vue)

Introduction:

Laravel 12 introduces fresh starter kits designed to make developing applications with React, Vue, or Livewire easier and faster. These kits come equipped with built-in features like authentication, user registration, and settings management, so developers can concentrate on building core functionalities without dealing with repetitive setup tasks. Each kit also offers modern UI components and supports advanced features like social authentication, passkeys, and Single Sign-On (SSO) through WorkOS AuthKit. Starting is straightforward—just install the Laravel installer via Composer, create a new project, and select your desired starter kit during the setup process. This efficient workflow provides a strong foundation to kickstart your project with ease.

In this tutorial, we’ll be using Vue 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-vue

Follow these choices:

Screenshot 2025 02 26 012940 Binaryboxtuts
image 77 Binaryboxtuts

Step 2: Run the Laravel App

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

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

Open this URL and test the app:

http://127.0.0.1:8000/

Screenshots

image 78 Binaryboxtuts
image 79 Binaryboxtuts
image 80 Binaryboxtuts
image 81 Binaryboxtuts

Leave a Reply

Your email address will not be published. Required fields are marked *