Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Bare Minimum Package - Metronic (HTML)


Hello,

In my dev process, I aim for efficiency in my code. If I wanted my project to, for now, only include the top navigation bar that can be toggled between light and dark. I want to have the absolute bare minimum required for it, and as I figure out what I want to add, I can work my way through the code to build it.

Can you help give me direction so I can set that up? I want to take advantage of SCSS and focus on the HTML templates (I'm doing my own integrations into Laravel). My goal is to take advantage of as much of Bootstrap 5.3 as possible.

Thank you!


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hello,

This does get part of the way there, but there are quite a number of dependencies in package.json. I was wondering if there was a list for the minimum of those required. Thank you!



Hi,

If you are using Gulp build please refer to tools/gulp.config.js You can remove all the plugins under build/plugins/global/src/optional. Then you can remove those packages in package.json file as well.

Regards.



Hi,

You can fully customize the Metronic build and optimize it by removing unused plugins and components as explained here.

You can also use minimum HTML code for your page as per your requirements.

if you need any further help please provide us with more details about your requirements.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(