PHPackages                             berthott/nglaravel - 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. [Utility & Helpers](/categories/utility)
4. /
5. berthott/nglaravel

ActiveLibrary[Utility & Helpers](/categories/utility)

berthott/nglaravel
==================

Build your angular frontend as part of your laravel project.

3.0.0(3y ago)31.2kMITPHP

Since Jun 30Pushed 1y ago2 watchersCompare

[ Source](https://github.com/berthott/nglaravel)[ Packagist](https://packagist.org/packages/berthott/nglaravel)[ RSS](/packages/berthott-nglaravel/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (1)Dependencies (3)Versions (12)Used By (0)

[![test workflow](https://github.com/berthott/nglaravel/actions/workflows/test.yml/badge.svg)](https://github.com/berthott/nglaravel/actions/workflows/test.yml/badge.svg)

NgLaravel
=========

[](#nglaravel)

A helper for Angular + Laravel projects.

Easily use Laravel as your API backend and Angular with its CLI as frontend. Inspired by [fristys' Blogpost](https://fristys.me/blog/using-angular-cli-with-laravel/).

Installation
------------

[](#installation)

You should set up your [Laravel project](https://laravel.com/docs/8.x/installation#installation-via-composer) first. Then require the package.

```
$ composer require berthott/nglaravel
```

Set up Angular
--------------

[](#set-up-angular)

Choose a folder within or outside of your Laravel project to install your Angular project to. I recommend using the [Angular CLI](https://angular.io/cli/new) inside `resources/angular`.

In `angular.json` do the following changes:

```
"architect": {
  "build": {
    // ...
    "options": {
      "outputPath": "../../public/assets/angular",
      "deployUrl": "/assets/angular/",
      // ...
    },
    "configurations": {
      "production": {
        // ...
        "statsJson": true,
        // ...
      },
      "development": {
        "watch": true
      }
    }
  },
}
```

In the `package.json` of the angular project do the following changes:

```
"start": "ng build --configuration development --prod=false",
"build": "ng build",
```

By default default the package will look for Angulars output in `public/assets/angular`. If you choose to change the output path in `angular.json` please set the `output` property in `config/angular.php` or the `NG_OUTPUT_PATH` in `.env` accordingly.

How it works
------------

[](#how-it-works)

The package will set up a generic web route that will catch anything apart from routes specified in the `except_routes` config, and forward it to a view including Angulars output scripts. In development these are the static files, in production a controller will read `stats.json` to include the correctly hashed files.

Options
-------

[](#options)

To change the default options use

```
$ php artisan vendor:publish --provider="berthott\NgLaravel\NgBuildServiceProvider" --tag="config"
```

- `output`: Determines Angulars path inside the public folder. Defaults to `env('NG_OUTPUT_PATH', 'assets/angular')`.
- `except_routes`: Determines the beginning of routes that should not be forwarded to angular. Defaults to `['api']`.
- `middleware`: Configurations for the route. Defaults to `['web']`.

To change the default view use

```
$ php artisan vendor:publish --provider="berthott\NgLaravel\NgBuildServiceProvider" --tag="views"
```

Compatibility
-------------

[](#compatibility)

Tested with Laravel 10.x and Angular 16.

License
-------

[](#license)

See [License File](license.md). Copyright © 2023 Jan Bladt.

###  Health Score

31

—

LowBetter than 66% of packages

Maintenance29

Infrequent updates — may be unmaintained

Popularity18

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity58

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

Every ~59 days

Recently: every ~82 days

Total

11

Last Release

1232d ago

Major Versions

1.0.5 → 2.0.02022-03-23

2.2.0 → 3.0.02023-02-16

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/3034025?v=4)[Jan Bladt](/maintainers/berthott)[@berthott](https://github.com/berthott)

---

Top Contributors

[![berthott](https://avatars.githubusercontent.com/u/3034025?v=4)](https://github.com/berthott "berthott (21 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/berthott-nglaravel/health.svg)

```
[![Health](https://phpackages.com/badges/berthott-nglaravel/health.svg)](https://phpackages.com/packages/berthott-nglaravel)
```

###  Alternatives

[flow-php/flow

PHP ETL - Extract Transform Load - Data processing framework

85036.3k](/packages/flow-php-flow)[glhd/conveyor-belt

150122.8k](/packages/glhd-conveyor-belt)[seatsio/seatsio-php

A PHP client for the seats.io API

17793.2k](/packages/seatsio-seatsio-php)[wireui/breadcrumbs

Breadcrumbs component for Laravel, Livewire, TallStack

3818.0k](/packages/wireui-breadcrumbs)[abydahana/aksara

Aksara is a CodeIgniter based CRUD Toolkit you can use to build complex applications become shorter, secure and more reliable just in a few lines of code. Serving both CMS or Framework, produce both HEADLESS (RESTful API) or TRADITIONAL (Browser Based), just by writing single controller. Yet it's reusable, scalable and ready to use!

1111.2k](/packages/abydahana-aksara)

PHPackages © 2026

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