Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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.


user
Mike Scola 3 years ago
Laravel Bootstrap 5 Vue
2 Answers
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 (2)

user
Ella Reid 1 year ago

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.


user
Lauris Stepanovs Author 3 years ago

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