Vue Argon Design with Laravel

Full-Stack App built on top of Argon Design integrated with Laravel

Product Description

Full-Stack Argon Design is coded in Vue.js and use Laravel server in the backend to become a fully functional app. The original frontend designed by Creative-Tim is enhanced with JWT authentication and communicates with the Laravel backend via Ajax calls.

The product is built on Two-Tier Architecture where the frontend and the backend are decoupled.

How to use it

In order to use the app, steps to be followed are:

Build the Laravel Backend

To build and start the Laravel server for this Full-Stack application please, read the README file and after, follow the steps:

$ git clone git clone
$ cd laravel-starter

$ composer install # install modules
$ php artisan key:generate # this will trigger Laravel magic 
$ php artisan migrate:fresh --seed # build the database

# to run the app, switch to the public directory
$ cd public
$ php -S localhost:3000 # start the app on port 3000

The backend server will start on port 3000, and expose two methods:

Build the Vue Argon Frontend

Steps to follow to build and use the Vue version of Argon Design (before the manual build, please read the README file, first)

$ git clone
cd argon-design-system

yarn # install dependencies
yarn start # start the app 

By default the app starts on port 8080. If all goes well, you may visit the application on http://localhost:8080.


For support please access the official support page or contact us directly on Discord.