Which components to use & Vue or Nuxt?

Question

Vue.js

Hello. I started learning Vue and I am translating one of the projects to it in order to immediately practice the documentation I read.
Here is an example of a site that is somewhat similar to the ones I make.
There are a few things I can't figure out, I hope someone can help me figure it out:

1. Should I use Nuxt to start projects or should I use vue init webpack ?
   
2. How to make a transition for an individual element in Nuxt? The Nuxtjs documentation describes transitions for pages. For example, you need to make it so that when the page (route) appears from opacity (I did this), then the text on the page left to make interactive sites ... clicked on the transition between pages, the title and the picture left, and on the next page they arrived .
   
3. What slider for vue do you recommend and how to embed it in Nuxt? I tried to embed this slider in Nuxt github.com/hilongjw/vue-slide, but it gives a render error, connected globally according to the documentation.
   
4. Which component to choose for modal windows on vue.
   
5. What is the best way to lay out sites, as in the example at the beginning of my question, to build as a static project?
   

Thank you all in advance for your replies.

Answer 1

1. If you need SSR or even statics in general. This is its purpose, if you read the doc.
2. Inside the page or component and do what's the problem? This is not done by means of Nuxt, it is not intended for this at all, what does it have to do with it? Transitioning pages is another matter, this is on the vue-router topic.
3. For Nuxt? One that supports SSR.
4. A bunch of them.
5. The question is not clear. Which is better depends on your goals. It is possible without a backend, depending on your data.

Answer 2

1. As already written earlier, to answer the question, you need to decide for yourself regarding the degree of need for server rendering (although Vue 3 can also do it, so the difference is not so fundamental now). For example, do you need search engines to index your site? If yes, then Nuxt.js, no, then it’s better to start with Vue.js, and then expand your horizons.
2. Nuxt.js is the same as Vue.js, so you can use this .
3. Try wrapping in <client-only></client-only>, I recommend vue agile .
4. Do it yourself better, it's not difficult.
5. If there is no backing, then you can go to static, also from docker, pm2, etc. options.