Laravel 10 Tutorial | Part 80 | Convert HTML Template to Laravel | E-commerce Website Structure

Показать описание

In Part 80 of the Laravel 10 Tutorial to make the E-commerce Website in Laravel, we will convert ecommerce template to our Laravel website that we have downloaded in the last video. In the process of conversion, we will copy HTML pages, images, JS and CSS files into the Laravel structure.

And we will also create a route, controller, and function for the index page and set its design as well.

1) Copy CSS, SCSS, JS, Images and Webfonts:-
First of all, we will copy CSS, SCSS, JS, Images and Webfonts from the HTML template to our Laravel file structure.

1.1) Copy CSS Files:-
We will create css folder under /public/front/ and copy all CSS files from /css/ folder of html template.

1.2) Copy SCSS Files:-
We will create css folder under /public/front/ and copy all SCSS files from /scss/ folder of html template.

1.3) Copy JS Files:-
We will create js folder under /public/front/ and copy all JS files from /js/ folder of html template.

1.4) Copy Images:-
We will create an images folder under /public/front/ and copy all Images from /images/ folder of HTML template.

1.5) Copy Webfonts:-
We will create a fonts folder under /public/front/ and copy all files from /webfonts/ folder of HTML template.

Before making further changes to this file, we will also create the below files under the layout Folder:-

3) Create IndexController :-
php artisan make:controller Front/IndexController

We will keep all Front Controllers separate from Admin Controllers which will help us to separate the front and admin codes.

4) Create Route:-

Learn more about Routing/Controllers including namespaces/route groups in Laravel 6 Basics playlist:-

5) Create index function:-

From the next video, we are going to start making the home page dynamic.

Popular Stack Developers Series that can help you:-

►Join this channel to get the complete source code:

#laravel10 #laravel10tutorial #laravel