Nuxt.js and Vue.js Training Course


Nuxt.js is an open source framework based on Vue.js, Node, and Bable.js. Using Nuxt.js, users can add server-side rendering and generate static sites for Vue JS applications.

This instructor-led, live training (online or onsite) is aimed at web developers who wish to use Vue JS and Nuxt.js for end-to-end web development.

By the end of this training, participants will be able to:

  • Create a single-page application using Nuxt.js.
  • Implement server side rendering for optimizing SEO.
  • Generate a static site from VueJS and Nuxt.js code.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.


  • Experience with JavaScript


  • Web Developers

Course Outline



  • Static site generation
  • SSR
  • SPA

Preparing the Development Environment

  • Installing and configuring Nuxt.js

Nuxt.js Quick Start

  • Creating a route
  • Adding navigation
  • Working with parameters
  • Applying a layout
  • Styling Nuxt.js
  • Building an SPA, universal app, and a static site

Handling in Nuxt.js

  • Adding and preparing data
  • Handling errors
  • Working with Vuex

Backend Development

  • Using Firebase
  • Fetching data
  • Syncing Vuex

Advanced Nuxt.js

  • Adding and testing server side middleware
  • Implementing plug-ins
  • Configuring routing settings


  • Generating and storing tokens

Testing the Application

  • Testing with unit tests and mock tests

Debugging the Application

  • Handling errors

Deploying the Application

  • Deploying on-premises or on the cloud

Securing the Application

  • Hiding data and APIs


Summary and Conclusion

Leave a Reply

Your email address will not be published. Required fields are marked *