Setup Laravel

Introduction

Laravel Mix provides a clean, fluent API for defining basic webpack build steps for your Laravel application. Mix supports several common CSS and JavaScript pre-processors.

Prerequisites

Please follow below steps to install and setup all prerequisites:

  • Composer

    Make sure to have the Composer installed & running in your computer.

  • Nodejs

    Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 20.

  • Git

    Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.

Installation

To setup the admin theme, follow below-mentioned steps:

  • Install Prerequisites

    Make sure to have all above prerequisites installed & running on your computer.

After you finished with the above steps, you can run the following commands to run the project locally or build for production use:

Command Description
npm install This would install all the required dependencies in the node_modules folder.
composer install command to install all of the framework's dependencies.
Please run the below command to generate the new key.
php artisan key:generate
Please fill your DB credentials in the .env file.
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=dason_laravel
DB_USERNAME=root
DB_PASSWORD=
npm run prod To compile all assets files like CSS, JS and will copy all images into the public directory. Run this command to get minify output for the production server.
npm run watch If you are working on the project and would like to compile all assets files then tun this command so it will auto compile all assets so you dont need to run "npm run dev" command multiple times.
Please run the following commands to clear all cache from the project.
php artisan optimize
php artisan migrate This will migrate the database tables. For more details visit https://laravel.com/docs/8.x/migrations
php artisan serve The development server is accessible at http://localhost:8000.
To run on other port just run command : php artisan serve --port=8001
Multi Language Settings

Lets add french language.

  • Create new file translation.php in the fr folder in the resources/lang folder and add the below code.
    <?php
            // translation.php
            return [
                    'welcome' => 'Welcome Friend'
            ];
        
  • You need to add the new language option in the topbar resources/views/layouts/topbar.blade.php. Make sure to add it flag image and option in the dropdown.
Tips

We suggest you to do not change any scss files from the resrouces/scss/custom folders because to get new updates will might be break your SCSS changes if any you have made. We strongly suggest you to create new custom.scss file and use that instead of overwrite any theme's custom scss files.

© Themesdesign.
Crafted with by Themesdesign