-
Copy the
src
folder from themetronic-tailwind-html
package and paste it into the Reactsrc
directory. -
Rename the copied folder to
metronic
so that the directory structure should now look like this:src/metronic
. This step imports the necessary styles and assets from the original HTML package into your React project. -
In the
src/metronic/core
folder, delete the unnecessaryindex.ts
file. This file is not needed for Single Page Application (SPA) integration as it could cause conflicts. Instead, rename theindex.spa.ts
file toindex.ts
to ensure proper integration. -
Remove
KTLayout
instance initialization fromsrc/metronic/app/layouts/demo1.js
.KTDom.ready(() => { KTLayout.init(); });
-
Copy the
media
folder from themetronic-tailwind-html
package'sdist/assets/media
directory into your React project'spublic
directory. -
Install the required Node.js packages by running
npm install
. Start the React development server by runningnpm run dev
.