PHPackages claudejanz/yii2-js-frontends - 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. claudejanz/yii2-js-frontends ActiveProject[Framework](/categories/framework) claudejanz/yii2-js-frontends ============================ boilerplate of yii2 back-end with angular, reactjs and vuejs front-ends 013PHP Since Apr 12Pushed 8y ago1 watchersCompare [ Source](https://github.com/claudejanz/yii2-js-frontends)[ Packagist](https://packagist.org/packages/claudejanz/yii2-js-frontends)[ RSS](/packages/claudejanz-yii2-js-frontends/feed)WikiDiscussions master Synced 2mo ago READMEChangelogDependenciesVersions (1)Used By (0) Yii2-js-frontends ================= [](#yii2-js-frontends) This project is a skeleton of a [Yii 2](http://www.yiiframework.com/) api with [Angular](https://angular.io/), [Reactjs](https://reactjs.org) and [Vuejs](https://vuejs.org/) frontends [![Latest Stable Version](https://camo.githubusercontent.com/be666ae429f568a265f0452a70496f0c61c1bde10231467e87e26e0662e2d4b7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636c617564656a616e7a2f796969322d6a732d66726f6e74656e64732e737667)](https://packagist.org/packages/claudejanz/yii2-js-frontends)[![Total Downloads](https://camo.githubusercontent.com/391f1ab47f4f45b579223329845281105c2fc364e7c3e6bd6177a8957ef767af/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f636c617564656a616e7a2f796969322d6a732d66726f6e74656e64732e737667)](https://packagist.org/packages/claudejanz/yii2-js-frontends)[![Build Status](https://camo.githubusercontent.com/76c9280fd59191e11e97d72b821e072f40eeee44239c537f0f1a59533cd16cd4/68747470733a2f2f7472617669732d63692e6f72672f636c617564656a616e7a2f796969322d6a732d66726f6e74656e64732e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/claudejanz/yii2-js-frontends) Installation ------------ [](#installation) ### Dependencies managers [](#dependencies-managers) To install project and all dependencies, we need 2 dependencies managers: - [npm](https://www.npmjs.com/) needs to be globaly installed for js dependencies. - [composer](https://getcomposer.org/doc/00-intro.md#introduction) needs to be globaly installed for php dependencies. > You can test your installations by running: **npm -v** for checking npm and: **composer -V** for composer ### Install project [](#install-project) Run flowing command to create project and load all necessary dependencies: ``` composer create-project --stability=dev claudejanz/yii2-js-frontends your-folder ``` > Don't forget to change **your-folder** to your desired destination folder ### Install database [](#install-database) Configure your database name and access in **./yii-server/config/db.php** or simpliy create a mysql database called "**yii2-js-frontends**" with "**root**" and **no password** access Run following scripts to migrate and populate your database: ``` cd ./yii2-server/ # go to yii-server root ./yii migrate # database schema for users, topics, posts and comments - press entre at prompt ./yii migrate --migrationPath=@yii/rbac/migrations # database schema for role based access(RBAC) - press enter at prompt ./yii rbac # generate RBAC permissions, rules and roles - press enter at prompt ./yii content # generate First users - press enter at prompt ``` ### Set hosts file [](#set-hosts-file) Set your *.hosts* file to access api and frontends. Only the first one is required for development. the three others are for production tests. ``` 127.0.0.1 api.yii2-js-frontends.local 127.0.0.1 angular.yii2-js-frontends.local 127.0.0.1 reactjs.yii2-js-frontends.local 127.0.0.1 vuejs.yii2-js-frontends.local ``` > You can change api **baseUrl** in ./config/config.json shared by **all front-end framworks** ### Set virtial host [](#set-virtial-host) Set your vhosts on Apache Server to access api and frontends. > Only the first one is required for development. the three others are for production tests ``` ServerName api.yii2-js-frontends.local DocumentRoot c:/GitDepot/yii2-js-frontends/yii2-server/web Options All AllowOverride All Require all granted RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] ServerName angular.yii2-js-frontends.local DocumentRoot "c:/GitDepot/yii2-js-frontends/angular/dist/" Options All AllowOverride All Require all granted RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] ServerName reactjs.yii2-js-frontends.local DocumentRoot "c:/GitDepot/yii2-js-frontends/reactjs/public/" Options All AllowOverride All Require all granted RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] ServerName vuejs.yii2-js-frontends.local DocumentRoot "c:/GitDepot/yii2-js-frontends/vuejs/dist/" Options All AllowOverride All Require all granted RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] ``` > Don't forget to restart server after setting your vhosts Run in development ------------------ [](#run-in-development) ### Vuejs [](#vuejs) To run *vuejs* in dev mode go to vuejs folder and run ``` npm run dev ``` You can access front-end through TODO ---- [](#todo) - angular - reactjs - vuejs - vuejs - token access - yii2 ### Health Score 19 — LowBetter than 10% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity5 Limited adoption so far Community4 Small or concentrated contributor base Maturity41 Maturing project, gaining track record 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://avatars.githubusercontent.com/u/1180289?v=4)[Claude JANZ](/maintainers/claudejanz)[@claudejanz](https://github.com/claudejanz) ### Embed Badge ![Health badge](/badges/claudejanz-yii2-js-frontends/health.svg) ``` [![Health](https://phpackages.com/badges/claudejanz-yii2-js-frontends/health.svg)](https://phpackages.com/packages/claudejanz-yii2-js-frontends) ``` ### Alternatives [laravel/telescope An elegant debug assistant for the Laravel framework. 5.2k67.8M192](/packages/laravel-telescope)[spiral/roadrunner RoadRunner: High-performance PHP application server and process manager written in Go and powered with plugins 8.4k12.2M84](/packages/spiral-roadrunner)[nolimits4web/swiper Most modern mobile touch slider and framework with hardware accelerated transitions 41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk Laravel Dusk provides simple end-to-end testing and browser automation. 1.9k36.7M259](/packages/laravel-dusk)[laravel/prompts Add beautiful and user-friendly forms to your command-line applications. 708181.8M596](/packages/laravel-prompts)[cakephp/chronos A simple API extension for DateTime. 1.4k47.7M121](/packages/cakephp-chronos) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)