PHPackages                             pozzdol/starter-inertia-react - 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. pozzdol/starter-inertia-react

ActiveProject[Framework](/categories/framework)

pozzdol/starter-inertia-react
=============================

Laravel + Inertia + React starter kit

v1.0.0(1mo ago)02↓88.9%MITBladePHP ^8.3

Since Jun 2Pushed 1mo agoCompare

[ Source](https://github.com/pozzdol/starter-inertia-react)[ Packagist](https://packagist.org/packages/pozzdol/starter-inertia-react)[ RSS](/packages/pozzdol-starter-inertia-react/feed)WikiDiscussions main Synced 1w ago

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

Laravel + Inertia + React Starter
=================================

[](#laravel--inertia--react-starter)

Starter kit opinionated untuk membangun aplikasi web modern dengan stack yang sudah terkonfigurasi dan siap pakai.

Tech Stack
----------

[](#tech-stack)

LayerTeknologiBackendLaravel 13, PHP 8.3FrontendReact 19, TypeScriptBridgeInertia.js v3StylingTailwind CSS v4BundlerVite 8DatabasePostgreSQLFitur
-----

[](#fitur)

- **Zero config** — satu command untuk setup lengkap
- **TypeScript** — type-safe dari frontend ke props Inertia
- **Tailwind CSS v4** — utility-first styling dengan konfigurasi terbaru
- **App title otomatis** — `` otomatis menjadi `Halaman | AppName`
- **Layout siap pakai** — `AppLayout` dengan navbar dan struktur halaman
- **Dev experience** — server, queue, log, dan Vite berjalan bersamaan dengan satu command

Prasyarat
---------

[](#prasyarat)

- PHP >= 8.3
- Composer
- Node.js >= 20
- PostgreSQL

Instalasi
---------

[](#instalasi)

### Via Composer (direkomendasikan)

[](#via-composer-direkomendasikan)

```
composer create-project pozzdol/starter-inertia-react my-app
cd my-app
```

Lalu konfigurasi database di `.env`:

```
DB_CONNECTION=pgsql
DB_HOST=127.0.0.1
DB_PORT=5432
DB_DATABASE=nama_database
DB_USERNAME=postgres
DB_PASSWORD=password_anda
```

Kemudian jalankan migrasi dan setup frontend:

```
php artisan migrate
npm install
npm run build
```

### Via Git Clone

[](#via-git-clone)

```
git clone https://github.com/pozzdol/starter-inertia-react.git my-app
cd my-app
composer run setup
```

Script `setup` otomatis menjalankan:

- `composer install`
- Menyalin `.env.example` ke `.env`
- Generate `APP_KEY`
- Menjalankan migrasi database
- `npm install` dan `npm run build`

Menjalankan Development Server
------------------------------

[](#menjalankan-development-server)

```
composer run dev
```

Command ini menjalankan semuanya secara paralel:

ProcessKeterangan`php artisan serve`Laravel server`npm run dev`Vite HMR`php artisan queue:listen`Queue worker`php artisan pail`Log viewerBuka .

Struktur Frontend
-----------------

[](#struktur-frontend)

```
resources/js/
├── app.tsx           # Entry point Inertia
├── Pages/            # Halaman (satu file = satu route)
│   └── Welcome.tsx
├── Layouts/
│   └── AppLayout.tsx # Layout utama dengan navbar
├── Components/       # Komponen reusable
└── types/            # TypeScript type definitions

```

Membuat Halaman Baru
--------------------

[](#membuat-halaman-baru)

Buat file baru di `resources/js/Pages/`:

```
// resources/js/Pages/About.tsx
import AppLayout from "@/Layouts/AppLayout";
import { Head } from "@inertiajs/react";

export default function About() {
    return (

            About

    );
}
```

`` otomatis menghasilkan title `About | AppName` di browser.

Passing Props dari Controller
-----------------------------

[](#passing-props-dari-controller)

```
// routes/web.php atau Controller
Route::get('/about', fn () => inertia('About', [
    'user' => auth()->user(),
]));
```

```
// resources/js/Pages/About.tsx
interface Props {
    user: { name: string; email: string };
}

export default function About({ user }: Props) {
    return (

            Hello, {user.name}

    );
}
```

Testing
-------

[](#testing)

```
composer run test
```

Build Production
----------------

[](#build-production)

```
npm run build
php artisan optimize
```

Lisensi
-------

[](#lisensi)

MIT — bebas digunakan untuk proyek personal maupun komersial.

###  Health Score

38

—

LowBetter than 83% of packages

Maintenance90

Actively maintained with recent releases

Popularity2

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

53d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/138691045?v=4)[Fikri Achmad Anshori](/maintainers/pozzdol)[@pozzdol](https://github.com/pozzdol)

---

Top Contributors

[![pozzdol](https://avatars.githubusercontent.com/u/138691045?v=4)](https://github.com/pozzdol "pozzdol (3 commits)")

---

Tags

laraveltypescripttailwindinertiareactstarter

###  Code Quality

TestsPHPUnit

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/pozzdol-starter-inertia-react/health.svg)

```
[![Health](https://phpackages.com/badges/pozzdol-starter-inertia-react/health.svg)](https://phpackages.com/packages/pozzdol-starter-inertia-react)
```

###  Alternatives

[unopim/unopim

UnoPim Laravel PIM

10.5k2.4k](/packages/unopim-unopim)[nasirkhan/laravel-starter

A CMS like modular Laravel starter project.

1.4k2.7k](/packages/nasirkhan-laravel-starter)[codewithdennis/larament

Larament is a time-saving starter kit to quickly launch Laravel 13.x projects. It includes FilamentPHP 5.x pre-installed and configured, along with additional tools and features to streamline your development workflow.

3991.8k](/packages/codewithdennis-larament)[ercogx/laravel-filament-starter-kit

This is a Filament v5 Starter Kit for Laravel 13, designed to accelerate the development of Filament-powered applications.

461.8k](/packages/ercogx-laravel-filament-starter-kit)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)