Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

How to change demo 8 instead of demo 1


I want to set up laravel latest version. I want to change from Demo 1 to Demo 8 but in the config folder not available demo folders and global/general.php files. I've tried to update by following the given documentation on your website but it is not working so I want to configure the demo 8 for laravel so please help me setup the project.


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

The Metronic v8 Laravel has the default demo1 only. To switch from Demo 1 to Demo 8 in Metronic v8 for Laravel, you can follow this general guide:

1. Download the Demo 8 Layout
Visit the Metronic 8 Demo 8 Layout Builder.
https://preview.keenthemes.com/metronic8/demo8/layout-builder.html
Download the relevant partial files, including the header, footer, side menu, and content areas.

2. Backup and Replace Layout Files
Navigate to the Metronic Laravel v8 /starterkit/resources/views/layout folder.
Backup this folder by copying it somewhere safe.
Move the Demo 8 partial files downloaded from layout builder into this folder.
Rename all the files with the .blade.php extension to follow Laravel's view file format.
Refer to the current layout structure to understand how layouts and sections are managed in Laravel.

3. Replace Assets
Download the HTML version of Demo 8.
Copy the assets from Demo 8's src folder into /starterkit/resources/_keenthemes/src.
Backup the existing src folder before replacing it.

4. Rebuild Assets
Open the terminal and navigate to your Laravel project directory.
Run the following command to rebuild the assets:

npm run dev


5. Verify Configuration
Make sure your views and asset paths match those from the Demo 8 version.
Double-check if your web.php routes or controllers need any adjustments to load the new layout correctly.
Following these steps should align your Laravel app with Demo 8. If something still doesn’t work, let me know what error or issue you encounter so I can help further.

If you need Metronic v9 Laravel, you can get it from this GitHub.
https://github.com/keenthemes/metronic-tailwind-html-integration

Thank you



Hi Parth Patel,

Sorry for the delay. Just to confirm, are you using Metronic Laravel version 8 or version 9?

Thanks!



- We use Metronic Laravel version 8. There is not available Metronic Laravel version 9. Give me a Metronic Laravel version 9.
- I want setup Laravel+Vue so how to setup this.


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  :(