calesj/laravel-vue-starter-kit

Personal Laravel 12 + Vue 3 + Inertia.js starter kit with authentication.

v1.0.0 2026-03-15 01:27 UTC

Requires

• php: ^8.2
• inertiajs/inertia-laravel: ^2.0
• laravel/framework: ^12.0
• laravel/tinker: ^2.10.1
• tightenco/ziggy: *

Requires (Dev)

• fakerphp/faker: ^1.23
• laravel/boost: *
• laravel/pail: ^1.2.2
• laravel/pint: ^1.24
• laravel/sail: ^1.41
• mockery/mockery: ^1.6
• nunomaduro/collision: ^8.6
• pestphp/pest: ^4.4
• pestphp/pest-plugin-laravel: ^4.1

MIT

• laravel
• starter-kit
• vue
• inertia

README

Personal starter kit based on Laravel 12 + Vue 3 + Inertia.js. Includes authentication pages, Tailwind CSS v4, TypeScript, SSR support, and a clean project structure ready to build on.

Stack

• Laravel 12 (PHP 8.2+)
• Vue 3 with Composition API + <script setup>
• Inertia.js v2
• Tailwind CSS v4
• TypeScript
• Vite 7 with SSR support
• Ziggy (named routes in JS)
• VueUse composable library

Requirements

• PHP 8.2+
• Node.js 20+
• Composer

Getting Started

# Via Laravel installer (recommended)
laravel new my-app --using=calesj/laravel-vue-starter-kit

# Or via Composer
composer create-project calesj/laravel-vue-starter-kit my-app

cd my-app
npm install
npm run dev

Both methods will automatically:

1. Copy .env.example to .env
2. Generate the application key
3. Create the SQLite database file
4. Run migrations

Development

# Start all dev servers (Laravel, queue, Vite) concurrently
composer dev

# Or separately
php artisan serve
npm run dev

Auth Routes

The following routes are registered out of the box:

Method	URI	Name	Description
GET	/login	login	Login page
POST	/login	login.store	Submit login
GET	/forgot-password	password.request	Forgot password page
POST	/forgot-password	password.email	Send reset link
GET	/reset-password/{token}	password.reset	Reset password page
POST	/reset-password	password.store	Submit new password
POST	/logout	logout	Logout (auth middleware)
GET	/dashboard	dashboard	Dashboard (auth middleware)

Pages

resources/js/pages/
├── Welcome.vue          # Landing page
├── Dashboard.vue        # (create this for your app)
└── Auth/
    ├── Login.vue        # Login form
    ├── ForgotPassword.vue   # Forgot password form
    └── ResetPassword.vue    # Reset password form

Building for Production

npm run build
php artisan optimize

SSR

SSR is configured and ready. To run with SSR:

composer dev:ssr

Linting & Formatting

# PHP
composer lint          # Fix with Pint
composer lint:check    # Check only

# JS/TS
npm run lint           # ESLint fix
npm run format         # Prettier fix
npm run types:check    # TypeScript check

Testing

php artisan test
# or
composer test