Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Integrate metronic with laravel


I am new to metronic, I followed the steps
https://preview.keenthemes.com/laravel/metronic/docs/getting-started
but after that i don't know what to do to get these themes running in my newly installed laravel project.
Any video to integrate laravel with metronic will solve my issues


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi Umair,

After you've followed the initial steps mentioned in the Metronic documentation (https://preview.keenthemes.com/laravel/metronic/docs/getting-started), the next step is to run the Laravel development server to see the themes in action.

To do this:

Open your terminal or command prompt.
Navigate to your Laravel project directory using the cd command.
Run the following command to start the Laravel development server:

php artisan serve

Once the server is running, open your web browser and enter the following URL in the address bar:

http://127.0.0.1:8000

This will take you to the locally hosted version of your Laravel project, where you can explore and experience the Metronic themes in your newly installed Laravel environment.

Thanks



Hi Faizal,

Yes it took me to the welcome page
just like normal laravel project.
But I want to integrate theme for signup form .
I am not understanding where should i keep these folders.
demo14
tools

How i will be able to use the css and js which used in the above theme.
how i will load those views from my controller.
I know all things about the simple laravel application but this theme thing , I am not getting. It will be great help if i can get a video for 1 page setup.
After that i will be able to set up every thing

Thanks



Hi Umair,

Sorry for the inconvenience. Currently, we do not provide a specific demo14 for Laravel. However, you have the flexibility to integrate it yourself using the following steps:

Begin by utilizing the layout builder for demo14. This tool will help you export the layout structure. https://preview.keenthemes.com/metronic8/demo14/layout-builder.html

Export essential layout components like the header, sidebar, footer, and content area as Blade view files.

Rename these exported files to the Blade.php format and make sure to correct any include links accordingly using blade @include directive. Eg. @include('path to file')

Store these newly created Blade view files in the /resources/views/layout directory of your Laravel project.

Obtain the required assets used in demo14 from the HTML version of Metronic.

Place these assets in the /resources/_keenthemes/src directory within your Laravel project.

You can try to integrate the demo14 layout into your Laravel application. This process allows you to have complete control over the integration and customization of the theme within your project.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(