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

Start project with Vitejs + Reactjs + Metronic 8


Hello,

I am a french beginner developer and I have purchase a metronic license.
For a project, I really need to use vite js, react js and metronic 8.

I am aware that you have not integrated react with metronic 8, but now I am really lost and inexperienced...

I have been trying for 1 week now, but unfortunately without success...

I tried to start from a vite project with a react template and to integrate metronic 8.
I tried to start from the demo1 react provided by metronic 8 and to migrate to vite.

Starting from a vite project with a basic react template and I would just like to know which dependencies, folders and files are mandatory to make the application work and start using the features of metronic.

Thanks in advance and sorry for the inconvenience


user
maxence millescamps 3 years ago
Metronic React Bootstrap 5
3 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 (3)

user
Carmelo D 3 years ago

Try to check src/_metronic/helpers/AssetHelpers.ts for basic images and background. For the svgs, you have to fix src/_metronic/helpers/components/KTSVG.tsx file.

Regards,
Keenthemes support


user
maxence millescamps 3 years ago

Hello,

Thank you for your answer, it helped me a lot.

I would like to know if it is possible to move the "media" folder that is in "public".
(for example put it in the "src" folder)
If yes, which file should I modify to change its path

Thanks in advance


user
Carmelo D 3 years ago

Hi,

Our application is based on Create React App, which uses webpack under the hood (not vite).
Try to check this article about moving CRA to vite

Regards,
Keenthemes support


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