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

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 (2)


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.



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