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

Last modified 2yr ago