Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Start Theme from Bootstrap Website / Vite - Laravel 9


So I'm generally a backend developer, but I can get away with most things on frontend. Recently I needed to work on a project and to make my life easier I went with the Start theme you created for Bootstrap 5. Unfortunately, integrating it into the Laravel 9/Vue/Vite stack is a general pain because none of the core files are written as ES6 so I can't use import statements (they all use require/webpack).

Is there any kind of an upgrade guide so I can get this running? Obviously integrating the Sass part was no problem but the JS has stopped me from development and I might need to use a different theme if I cannot get this to work right.


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)


To start a theme from Bootstrap on a Vite-powered Laravel 9 project, you first need to integrate Vite with Laravel. This allows for an efficient front-end development process, as Vite handles the asset bundling. Install Bootstrap via npm or include it through a CDN in the project's resources/js/app.js file, and update the necessary paths in your Blade templates. Additionally, configuring Vite to compile these assets correctly is essential for smooth operation. It's possible this setup might enhance your website performance and improve the loading speed, giving users a seamless experience. However, compatibility issues could arise depending on specific project needs or configurations.



It is interesting that you can protect yourself from attacks on your website much easier and for this you need this service - enterprise ddos protection , it actively protects its customers around the clock thanks to AI, which actively and regularly predicts such attacks, so you can exhale calmly and finally go about your business!



Hi,

Do you use our Vue or HTML Start theme?

Also, could you please attach your vite.config.js?

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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