Hi,
You could have a look at Tailwindcss, as recommended by @jeffry.
By using a prefix for the Tailwindcss classes for the Vue part or for the Laravel part, you can keep the css very well separated.
Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
Hi everyone!
I've started a webpage like a blog (articles, categories, contact form...), but I need an administration panel with completely different layout and styles.
I'm using Nuxt for the client and an API with Laravel (in 2 different project folders).
I decided this approach because I'm very comfortable with Vue but not so much with Laravel. Also, I would like the site will be a SPA using the Vue Router. Also, SEO is very important for the public site.
The problem I found now is I don't be able to have separate styles for the webpage and the administration panel in Nuxt. All styles are mixed in both "sites" overwriting the other styles like buttons, links, etc.
Here I've prepared a codesandbox with what I want to mean: https://codesandbox.io/s/nuxt-styles-for-layouts-k24jh
But now I am very confused about this approach (Nuxt + Laravel API) since I see everybody use Laravel + blade to develop most of the projects using internal Vue components (but not Vue Router :( ) (including the new Twitter project in Laracast 6 course).
So... what do you recommend to me? I should turn to the Laravel with Vue approach? and why? Please, note that SEO is very important in the public site.
I will appreciate a lot your help! Thanks!!
Please or to participate in this conversation.