skip to Main Content

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


  1. 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.

    Login or Signup to reply.
    1. Create a Nuxt Project.

    2. 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.

    3. Create a directory Components and copy your components to it. For further information follow the link
      follow the link

    4. 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

    5. App a plugin directory. Follow the official instruction.
      Official documentation about how to use plugins

    6. 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:
    Your Final Project should look like this

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search