Project Setup
Given below are the steps you need to follow to setup the Jumbo Laravel project on your system:
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.
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
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
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.
To compile react project files and Mix tasks run the following commands:
yarn dev
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.
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
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
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