Build a Modern Server-Side Rendered Vue Application with NuxtJS

This course teaches how to build a modern server-side rendered web application using Vue.js and Nuxt.js.

Beginner

47 Lessons

22h

Certificate of Completion

This course teaches how to build a modern server-side rendered web application using Vue.js and Nuxt.js.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

1 Project

35 Playgrounds

9 Quizzes

This course includes

1 Project

35 Playgrounds

9 Quizzes

Course Overview

NuxtJS is a framework built on top of Vue that offers additional features and benefits, especially for large-scale and content-driven projects. It provides server-side rendering, which can improve performance and SEO. In this course, you’ll get briefly introduced to Vue, covering components, views, routing, state management, and others. Then, you’ll get acquainted with NuxtJS and learn about configuration and structure for NuxtJS projects. Further, you’ll learn about different NuxtJS rendering modes and th...Show More

TAKEAWAY SKILLS

Vue.js Basics

Javascript

What You'll Learn

A thorough understanding of Vue components, composables, and plugins

Hands-on experience building and deploying a fully functional application with NuxtJS

An understanding of the Nuxt rendering modes and the benefits of server-side rendering

Working experience with NuxtJS components, pages, layouts, and middleware

The ability to optimize server-side rendered applications for SEO and performance

What You'll Learn

A thorough understanding of Vue components, composables, and plugins

Course Content

Introduction

Introduction to the Course

What’s the Buzz about NuxtJS?

Course Project

Introduction to Vue.js

Components Views Routing Rendering Mechanism State Management Quiz: Introduction to Vue.js

Getting Started with NuxtJS

Introduction to NuxtJS Understand the NuxtJS Directory Structure Configure Unit Tests Quiz: Getting Started with NuxtJS

NuxtJS Rendering Modes

Client-Side vs. Server-Side Rendering NuxtJS Hybrid vs. Static Site Generation Rendering Modes Choose a Rendering Mode for the Project Quiz: NuxtJS Rendering Modes

Routing

Introduction to File-Based Routing Custom Routing Quiz: Routing

Plugins

3 Lessons

Layouts

3 Lessons

Pages

3 Lessons

Components

3 Lessons

API Endpoints, Middleware, and Server-Side State Management

6 Lessons

Putting It All Together

2 Lessons

Deployment

3 Lessons

Create a Stock Monitor Application Using NuxtJS

Project

Conclusion

1 Lesson

Appendix

3 Lessons

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Looking for something else?

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath