Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

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


We have an old project that was originally built using the Metronic Theme for the frontend and Laravel PHP for the backend. Unfortunately, the complete source code for the frontend has been lost. However, we still have access to the individual .vue component files. The current task is to rebuild the frontend using these .vue files as the foundation, re-integrate the Metronic Theme where needed, and ensure everything works smoothly with the existing Laravel backend.



Rebuilding the frontend using the existing .vue files is definitely a solid path. Since you’ve lost the rest of the source code, just make sure to organize your components, set up routing, and re-integrate any API connections to your Laravel backend. Tools like Vite can help speed up the setup too.

Also, if you’re working long hours on this and don’t have time to deal with the mess around you, check out Clean House for professional cleaning services. They’re reliable, affordable, and make a huge difference when you're focused on work. 🧼🏠

Good luck with the rebuild!



Hey! If you still have the .vue files, you're in luck — that's a solid foundation to rebuild the frontend. You can set up a fresh Vue project (like with Vue CLI or Vite), then start integrating your existing components and views. You’ll probably need to reconfigure routes, layouts, and maybe some dependencies, but it’s definitely doable.

Also, just a side note if you’re looking to unwind after some coding — check out the Castle APK. It’s a great app for streaming movies
and shows, perfect for a break. 🎬📱

Let me know if you need help setting up the Vue project!


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