PHPackages ademking/laravel-angular-inertia-starter - 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. ademking/laravel-angular-inertia-starter ActiveProject[Framework](/categories/framework) ademking/laravel-angular-inertia-starter ======================================== A Laravel starter kit with Angular and Inertia.js 43PHP Since Apr 12Pushed 1mo agoCompare [ Source](https://github.com/Ademking/laravel-angular-inertia-starter)[ Packagist](https://packagist.org/packages/ademking/laravel-angular-inertia-starter)[ RSS](/packages/ademking-laravel-angular-inertia-starter/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependenciesVersions (1)Used By (0) Laravel Angular Inertia Starter Kit =================================== [](#laravel-angular-inertia-starter-kit) [![screenshot_1 5x_postspark_2026-04-12_07-49-47](https://private-user-images.githubusercontent.com/12462188/577028440-2686abc1-3853-4bb9-8955-c4bcc3d70f32.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODAzMjgxMDksIm5iZiI6MTc4MDMyNzgwOSwicGF0aCI6Ii8xMjQ2MjE4OC81NzcwMjg0NDAtMjY4NmFiYzEtMzg1My00YmI5LTg5NTUtYzRiY2MzZDcwZjMyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA2MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwNjAxVDE1MzAwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlhZDUyMmVjYWFhYWM4YTBiMmUzNzU2ZWI0ZmI4YWFiOTY2NjE3MTdmZWE5NzU3NTViNmMyNzAyMjE4MzNmODImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.OyVriweP3bubIC8QLFOx-8G4I2Ie0AP7BpMBUB298EE)](https://private-user-images.githubusercontent.com/12462188/577028440-2686abc1-3853-4bb9-8955-c4bcc3d70f32.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODAzMjgxMDksIm5iZiI6MTc4MDMyNzgwOSwicGF0aCI6Ii8xMjQ2MjE4OC81NzcwMjg0NDAtMjY4NmFiYzEtMzg1My00YmI5LTg5NTUtYzRiY2MzZDcwZjMyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA2MDElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwNjAxVDE1MzAwOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlhZDUyMmVjYWFhYWM4YTBiMmUzNzU2ZWI0ZmI4YWFiOTY2NjE3MTdmZWE5NzU3NTViNmMyNzAyMjE4MzNmODImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.OyVriweP3bubIC8QLFOx-8G4I2Ie0AP7BpMBUB298EE) A modern full-stack starter template combining Laravel, Angular, and Inertia.js for building fast, reactive web applications with server-driven component rendering. Built using [Ng-inertia](https://github.com/Ademking/ng-inertia) [![Laravel](https://camo.githubusercontent.com/921fb5be118e00dfc8045fbfae3ab4354c04833a83ee8ac339cb16e47110a335/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31322b2d4646324432303f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/921fb5be118e00dfc8045fbfae3ab4354c04833a83ee8ac339cb16e47110a335/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31322b2d4646324432303f7374796c653d666c61742d737175617265)[![Angular](https://camo.githubusercontent.com/ce412f33248d1384f3f6973c805b7a9d794c67d40a2b1617e9d2a1aa4fc5b146/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f416e67756c61722d32312b2d4444303033313f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/ce412f33248d1384f3f6973c805b7a9d794c67d40a2b1617e9d2a1aa4fc5b146/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f416e67756c61722d32312b2d4444303033313f7374796c653d666c61742d737175617265)[![Inertia.js](https://camo.githubusercontent.com/0aefd895958b12df78c031ea3337afff390fd7feb7f401bc3df1c60bbf5f08f1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f496e65727469612e6a732d332b2d3935353345393f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/0aefd895958b12df78c031ea3337afff390fd7feb7f401bc3df1c60bbf5f08f1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f496e65727469612e6a732d332b2d3935353345393f7374796c653d666c61742d737175617265)[![License](https://camo.githubusercontent.com/152aa2a37725b9fd554b28ff24d270f6071c67927a63e6d635a55c8e188e20c7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d677265656e3f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/152aa2a37725b9fd554b28ff24d270f6071c67927a63e6d635a55c8e188e20c7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d677265656e3f7374796c653d666c61742d737175617265) About ----- [](#about) Build modern web applications without the complexity of a separate API layer. This starter kit lets Laravel render Angular components directly, giving you the best of both worlds: server-side routing and database logic with client-side interactivity and dynamic page transitions. Inertia.js eliminates the need for JSON APIs by sending component names and props directly from your server. Angular handles rendering, client-side navigation, form submissions, and state management—all while staying connected to your Laravel backend. How it Works ------------ [](#how-it-works) The setup is intentionally minimal: 1. **Server Response** — Laravel returns an Inertia response with a component name and props. 2. **Component Rendering** — Angular resolves and renders the named component with those props. 3. **Client Navigation** — Links use `inertiaLink` to visit other pages without full reloads. 4. **Page Layouts** — Components decorated with `@InertiaPage()` can attach shared layouts. 5. **Form Submissions** — `useForm()` handles POST/PUT/PATCH/DELETE with validation and errors. Tech Stack ---------- [](#tech-stack) ### Backend [](#backend) - **Laravel 12** — Modern PHP framework with Eloquent ORM, migrations, and routing - **Inertia Laravel** — Server-side adapter that handles component/props serialization - **Tailwind CSS** — Utility-first styling framework - **Pest** — Expressive PHP testing framework ### Frontend [](#frontend) - **Angular 21** — Modern TypeScript framework with RxJS - **ng-inertia** — Angular adapter that handles routing, page resolution, and form helpers - **Vite** — Lightning-fast build tool with HMR - **RxJS** — Reactive programming for async operations Quick Start ----------- [](#quick-start) ``` laravel new your-project-name --using=ademking/laravel-angular-inertia-starter ``` Or you can clone and install: ### 1. Install Dependencies [](#1-install-dependencies) ``` composer install npm install ``` ### 2. Setup Environment [](#2-setup-environment) ``` cp .env.example .env php artisan key:generate php artisan migrate npm run build ``` ### 3. Run Development Server [](#3-run-development-server) ``` npm run dev ``` This starts: - Laravel on `http://localhost:8000` - Vite with HMR for instant frontend updates - Queue listener for background jobs Creating Pages -------------- [](#creating-pages) Page components are Angular components marked with `@InertiaPage()`. Create them in `resources/js/app/pages/`: ``` import { Component } from "@angular/core"; import { InertiaPage, InertiaPageFields } from "ng-inertia"; @InertiaPage() @Component({ selector: "app-dashboard", standalone: true, template: ` {{ title }} Welcome, {{ userName }}! `, }) export default class DashboardPage implements InertiaPageFields { title!: string; userName!: string; } ``` On the server side, return the component from Laravel: ``` use Inertia\Inertia; Route::get('/dashboard', function () { return Inertia::render('Dashboard', [ 'title' => 'Dashboard', 'userName' => auth()->user()->name, ]); }); ``` Project Structure ----------------- [](#project-structure) ``` laravel-angular-inertia/ ├── app/ │ ├── Http/ │ │ ├── Controllers/ │ │ ├── Middleware/ │ │ └── Requests/ │ ├── Models/ │ └── Providers/ ├── database/ │ ├── migrations/ │ └── seeders/ ├── resources/ │ └── js/ │ └── app/ │ ├── pages/ # Page components (*.page.ts) │ ├── layouts/ # Shared layout components │ ├── components/ # Reusable components │ ├── services/ # Angular services │ └── app.config.ts ├── routes/ │ └── web.php # Route definitions ├── tests/ # Test suites ├── vite.config.js # Build configuration ├── composer.json # PHP dependencies └── package.json # Node dependencies ``` Contributing ------------ [](#contributing) Contributions are welcome! Please feel free to submit issues and pull requests. Credits ------- [](#credits) Built with: - [Laravel](https://laravel.com) - [Angular](https://angular.io) - [Inertia.js](https://inertiajs.com) - [ng-inertia](https://github.com/Ademking/ng-inertia) by [Adem Kouki](https://github.com/Ademking) License ------- [](#license) This project is open-sourced software licensed under the [MIT License](https://opensource.org/licenses/MIT). ### Health Score 21 — LowBetter than 18% of packages Maintenance58 Moderate activity, may be stable Popularity8 Limited adoption so far Community2 Small or concentrated contributor base Maturity11 Early-stage or recently created project 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. ### Community Maintainers ![](https://www.gravatar.com/avatar/71f1b327aabdecfa1638be7f2ef3316e4566454abe6246a31232d001afec2471?d=identicon)[Ademking](/maintainers/Ademking) ### Embed Badge ![Health badge](/badges/ademking-laravel-angular-inertia-starter/health.svg) ``` [![Health](https://phpackages.com/badges/ademking-laravel-angular-inertia-starter/health.svg)](https://phpackages.com/packages/ademking-laravel-angular-inertia-starter) ``` ### Alternatives [laravel/socialite Laravel wrapper around OAuth 1 & OAuth 2 libraries. 5.7k104.3M822](/packages/laravel-socialite)[laravel/dusk Laravel Dusk provides simple end-to-end testing and browser automation. 1.9k38.6M289](/packages/laravel-dusk)[pinguo/php-msf Pinguo Micro Service Framework For PHP 1.7k4.2k](/packages/pinguo-php-msf)[nineinchnick/edatatables Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin 173.2k](/packages/nineinchnick-edatatables) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)