The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Project rebuild using Vue files


I have an old project that was built using the Metronic Theme for its frontend and Laravel PHP for the backend. Unfortunately, we lost the complete source code for the frontend, but we still have the .vue files.
We need to rebuild the frontend using these .vue files.


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


Businesses looking for cartridge hardware can explore ceramic vape cartridges when expanding their product range. Buyers can review the available designs, connection types, and specifications before placing an order. Checking compatibility with the intended devices can also help retailers and distributors choose suitable hardware.


Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment

Maintaining consistency with the Metronic theme while using Vue files is possible, but testing each component for responsiveness and compatibility is important for a clean final build.


 
Deleted comment

Since you still have the .vue files, you should be able to reconstruct most of the frontend logic and components. The main work will be rebuilding the project structure around them—setting up a fresh Vue environment, reinstalling dependencies, and re-integrating Metronic assets. If the original config files were lost, you may need to recreate routing, layouts, and build settings manually, but the component code should give you a solid foundation. Definitely doable, just a bit of reconstruction work.


 
Deleted comment

That’s a tough situation, but definitely manageable if you still have the .vue files. You can recreate the project structure by setting up a fresh Metronic Vue instance and then gradually integrating those components. I faced a similar issue once and documenting the routes and store logic from the backend really helped speed things up. Also found a useful reference recently at thestickwarlegacyapkk.com
while exploring structured rebuild workflows — might be worth checking for ideas on version control and setup flow.


 
Deleted comment
 
Deleted comment
 
Deleted comment
Deleted comment
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment

To rebuild your frontend using the existing .vue files, you’ll need to set up a Vue.js project environment. Start by creating a new Vue.js project using Vue CLI or Vite. Then, copy the .vue files into the appropriate components folder in your project. You'll also need to integrate the necessary CSS, JS, and dependencies from the Metronic Theme. Once done, you can connect the frontend with your Laravel backend via API calls.

For more info, you can check out guides on integrating Laravel with Vue.js at APKDescargar - Descargar aplicación Android.


 
Deleted comment
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  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.