Project Setup

Given below are the steps you need to follow to setup the Jumbo Laravel project on your system:

Pick The Laravel Template

To setup jumbo with Laravel for project. pick one of either the laravel-react-starter-template or laravel-react-demo zip file from the Jumbo folder(the zip file you download from themeforest.net after purchasing the Jumbo), and extract to the place where you want to keep the project, rename the folder.

Install the Laravel Dependencies

To install dependencies of the Laravel, open the command prompt and reach out to the path where the folder is kept. Now, run the following command to install the Laravel dependencies and libraries:

composer install

Generate the project key

In the root directory, you will find a file named .env.example rename the given file name to .env and run the following command to generate the key:

php artisan key:generate

Install the Node Dependencies and Laravel Mix

Open the command prompt and reach out to the path where the folder is kept. Now, run the following command to install the dependencies and libraries used in the project:

yarn

Alternatively, you can open the folder in the development editor of your choice and run the above-written command in its terminal.

Compile the JS and React files

To compile react project files and Mix tasks run the following commands:

yarn dev

For more detail click here.

Run the project

After following the above steps, now run the project by executing the below command in the project directory:

php artisan serve

This will give you an address with port number 8000

Now navigate to the given address in the web browser and you will see your application running.

To change the port address, run the following command:

php artisan serve --port=8080    // For port 8080
sudo php artisan serve --port=80 // If you want to run it on port 80, you probably need to sudo.

Watching Assets For Changes

Run the following command in your terminal and watch all relevant CSS and JavaScript files for changes. Webpack will automatically recompile your assets when it detects a change to one of these files:

yarn watch

Building for Production

If you want to run the project and make the build in the production mode then run the following command in the root directory, otherwise the project will continue to run in the development mode.

yarn prod

Above command will run all Mix tasks and minify output. For more detail click here.

Required Permissions

If you are facing any issues regarding the permissions on your hosting, then you need to give permissions to some directories. Run the following command in your project directory to give permissions:

sudo chmod -R o+rw bootstrap/cache
sudo chmod -R o+rw storage