I have a quick question regarding Nuxtjs and vue js. Currently I have a project in vuejs but as the vue js does not provide ssr functionality and I have some pages in the project on which the SEO matter a lot. To achieve this i have to use nuxt js for certain pages. So my question is that , how i am gonna configure nuxt js in current vue js project
2
Answers
You can change Vue into Nuxt pretty easily. Here is a video guide made by Debbie who previously worked as a Nuxt member: https://youtu.be/_eyGtBjNS4c
You can achieve pretty much the exact same setup in Nuxt as what you do currently have in Vue.
Create a Nuxt Project.
Create a directory store and copy your store files into it. In case you had split your store in modules you can follow the instructions.
Create a directory Components and copy your components to it. For further information follow the link
follow the link
Create a page directory and copy your main pages to the page directory. Replace router-link by NuxtLink. For further information follow the link.
Click Here
App a plugin directory. Follow the official instruction.
Official documentation about how to use plugins
Change the way you fetch data from server. Use Fectch and asyncData methods to fetch data from server.
About Fetch and asyncData
Finally you can configure you nuxt.config.js file for some external resources.
Further Information about nuxt.config.js
Your Final Project should look like this: