PHPackages                             luis-developer-08/yui - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. luis-developer-08/yui

ActiveProject[Framework](/categories/framework)

luis-developer-08/yui
=====================

Welcome to my personal starter kit! This setup is designed for developers who want a lightweight, modern, and efficient foundation for building Laravel applications with a React frontend powered by InertiaJs.

v1.0.0.0-alpha(1y ago)12MITPHPPHP ^8.2

Since Mar 16Pushed 1y ago1 watchersCompare

[ Source](https://github.com/luis-developer-08/yui)[ Packagist](https://packagist.org/packages/luis-developer-08/yui)[ RSS](/packages/luis-developer-08-yui/feed)WikiDiscussions main Synced 3w ago

READMEChangelog (1)Dependencies (16)Versions (2)Used By (0)

🌟 MY PERSONAL STARTER KIT YUI 🌟
===============================

[](#-my-personal-starter-kit-yui-)

🚀 Introduction
--------------

[](#-introduction)

Welcome to my personal starter kit **YUI**! This setup is designed for developers who want a **lightweight, modern, and efficient** foundation for building Laravel applications with a React frontend powered by **[Inertia.js](https://inertiajs.com)**.

This kit is **JavaScript-first**, using **JSX instead of TSX**, making it accessible to developers who prefer plain JavaScript over TypeScript. It includes **React 19, TailwindCSS 4**, and Breeze for simple authentication and scaffolding.

---

🎯 Features
----------

[](#-features)

✔️ **React 19 + JSX** – Simple, clean, and TypeScript-free
✔️ **Laravel 12 + Breeze** – Lightweight authentication with Inertia.js
✔️ **Inertia.js** – Create modern single-page React, Vue, and Svelte apps using classic server-side routing.
✔️ **Orion** – The simplest way to create REST API with Laravel
✔️ **TanStack Query** – Powerful asynchronous state management for TS/JS
✔️ **Laravel-permission** – Associate users with roles and permissions
✔️ **TailwindCSS 4** – Modern styling with utility-first CSS
✔️ **Vite-Powered** – Lightning-fast HMR for smooth development
✔️ **Pre-configured Testing** – Includes PHPUnit & Pest
✔️ **Quick Setup** – Get started in minutes!

---

🛠 Getting Started
-----------------

[](#-getting-started)

### 1️⃣ Install

[](#1️⃣-install)

```
laravel new --using=luis-developer-08/yui
```

### 2️⃣ Install Dependencies

[](#2️⃣-install-dependencies)

```
npm install
```

### 3️⃣ Run Migrations

[](#3️⃣-run-migrations)

```
php artisan migrate --seed
```

### 4️⃣ Start Development

[](#4️⃣-start-development)

```
composer run dev
```

🎉 Your application is now up and running!

---

⚡ Create Inertia Components Easily
----------------------------------

[](#-create-inertia-components-easily)

This starter kit includes a custom Artisan command to quickly generate Inertia.js React components:

### 🏗️ Generate a New Component

[](#️-generate-a-new-component)

```
php artisan make:inertia Components/MyComponent
```

This will create a new file at `resources/js/Components/MyComponent.jsx` with a basic component template.

### 📂 File Structure

[](#-file-structure)

```
resources/js/Components/MyComponent.jsx

```

### ✨ Example Generated Component

[](#-example-generated-component)

```
import React from "react";

const MyComponent = () => {
    return {/* MyComponent component */};
};

export default MyComponent;
```

This command ensures that components are placed in the correct directory and prevents overwriting existing files. It also automatically opens the newly created file for editing.

---

⚡ Create Orion Controllers Easily
---------------------------------

[](#-create-orion-controllers-easily)

This starter kit also includes a command to quickly generate Orion controllers along with their associated models:

### 🏗️ Generate a New Orion Controller

[](#️-generate-a-new-orion-controller)

```
php artisan make:orion PostController
```

This will create:

- `app/Http/Controllers/Orion/PostController.php`
- `app/Models/Post.php` (if it doesn’t exist)
- Adds a route in `routes/api.php`

### 📂 File Structure

[](#-file-structure-1)

```
app/Http/Controllers/Orion/PostController.php
app/Models/Post.php

```

### ✨ Example Generated Controller

[](#-example-generated-controller)

```