Angular + Laravel API

This project is a boilerplate created by Claw Studios to agilize the set up of an Angular + Laravel API based architecture.

Requirements

You need to fulfill Angular and Laravel requirements.

Angular

• Node and NPM installed. Official Documentation

Laravel

Official Documentation Requirements

• PHP >= 7.1.3
• OpenSSL PHP Extension
• PDO PHP Extension
• Mbstring PHP Extension
• Tokenizer PHP Extension
• XML PHP Extension
• Ctype PHP Extension
• JSON PHP Extension
• BCMath PHP Extension
• Composer Installed Official Documentation

Installation

Install Angular-Cli

Official Angular-Cli Documentation

$ npm install -g @angular/cli

Setup UI Project

$ cd ui
$ npm install

Install Laravel

Official Laravel Documentation

$ composer global require laravel/installer

Setup BE Project

$ cd be
$ composer install

Local Development

UI Project

You can use the npm script:

$ cd ui
$ npm start

Or you can do:

$ cd ui
$ ng serve --configuration=cli

BE Project

For laravel you can serve the project like this:

$ cd be
$ php artisan serve

Production Deployment

UI Project

You can use the npm script:

$ cd ui
$ npm build

Or you can do:

$ cd ui
$ ng build --configuration=production && cp -rf dist/* ../be/public/

• NOTE: We do not recommend to change output path (dist/) to be/public because Angular-cli will delete output path folder and then build, if this folder gets delted you will be missing some laravel files.

BE Project

For laravel production deployment we recommend reading Official Laravel Deployment Documentation since configuration may change depending on the server you are using.