DEV Community 👩‍💻👨‍💻

Cover image for Nuxtjs with vuetify or bootstrap
Mohamed Hanini
Mohamed Hanini

Posted on

Nuxtjs with vuetify or bootstrap

I have create my first project using nuxt i love it by itegrating a template is so fast now i want to create my portfolio using the same twchnologie because is so good for seo but i don't know what i must choose vuetify or bootstrap any suggestions please

Top comments (14)

Collapse
 
daradedesign profile image
Dallas DeGrendel

Vuetify 1000%. Bootstrap uses a bunch of jquery nonsense and non-programmatic methods.

Vuetify is cleaner, more accessible for vue and you can customize learn what options you have with a good Editor indexing the modules.

You develop faster, cleaner and more reliably.

Collapse
 
medhanini profile image
Mohamed Hanini Author

Thank you so much this is the request that i'm waiting for it's great pleasure to talking to you

Collapse
 
daradedesign profile image
Dallas DeGrendel

Like any new stack, the first time you setup will seem a bit confusing. I'm around if you run into snags.

Thread Thread
 
medhanini profile image
Mohamed Hanini Author

I am really happy thank you very much for advice and help

Collapse
 
nlxdodge profile image
NLxDoDge

For our company Bootstrap is the 'Oh that again' for customers. And material design is mostly used for apps or mobile related websites.

So in that regard, we use Element which is also specifically made for Vue. And gives the basic tools to make a template with buttons and such, but also extending your own design.

But it still is a suggestion, just work with the tool you like the best.

Collapse
 
medhanini profile image
Mohamed Hanini Author

Thanks so there the in SEO ? Performance

Collapse
 
nlxdodge profile image
NLxDoDge • Edited on

The SEO is still on your side, to do a simple enough job use Google LightHouse to check your website. And for performance, it works well on my machine and my Pocophone F1. So that would not be an issue.

But I don't know the scope of the project. If you are going to build a huge website with tens of thousands of components than I would suggest creating your own. As every library or NPM package has dependencies to other components mostly, creating more bloat, which mostly translates to less performance.

Thread Thread
 
medhanini profile image
Mohamed Hanini Author

So i work with one ?

Thread Thread
 
nlxdodge profile image
NLxDoDge

I would assume yes? Just pick whatever you like for the job. It doesn't hurt to include bootstrap, vuetify or element.

Collapse
 
dirtyydogg profile image
DirtyyDogg

Why not both?

Collapse
 
ahmedx10 profile image
Mobeen Ahmad

Vuetify would be better option , If you want to use Bootstrap, then you should use BootstrapVue.

Collapse
 
medhanini profile image
Mohamed Hanini Author

but i think bootstrap use jquery
and jquery it's too large and heaver library

Collapse
 
ahmedx10 profile image
Mobeen Ahmad

Thats why I said BootstrapVue , It doesn't require jQuery. Check its documents.

Thread Thread
 
medhanini profile image
Mohamed Hanini Author

okey i will check thanks for advice

Take a look at this:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. 🛠