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

How to use HTML templating inside clean Laravel 9 Inertia Vue app


So I have a Metronic 8 Laravel 9 app which uses blade. I'd like to switch to a clean Laravel 9 app with Metronic on the frontend using Vue. I followed this tutorial: <a>https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration</a>, but I could not get it to work. Asked a question about that here: <a>https://keenthemes.com/metronic/?page=metronic8</a>.

My plan is now to install a clean Laravel 9 app with Inertia and use Vue (no TS) for the frontend and I want to use the Metronic 8 HTML template. Is there a tutorial on how to convert the HTML template to the Vue frontend for the laravel app? Or how can I get this to work?


P
Plaisir Digital 3 years ago
Laravel HTML PHP
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)

P
Plaisir Digital 3 years ago

Correct question link: https://devs.keenthemes.com/question/laravel-vue-app-assets-are-not-building


user
Lauris Stepanovs Author 3 years ago

Hi,

I prepared a post on how you can make Laravel 9 and Vue 3 integration.

You can find the post here:
https://devs.keenthemes.com/question/laravel-9-with-vite-vue-3-integration

Unfortunately, we haven't tried Metronic Vue 3 with Interia at the moment. We will try it and consider of addition it in upcoming releases.

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