Build a Modern Server-Side Rendered Vue Application with NuxtJS

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
Explanations

This course includes

1 Project
35 Playgrounds
9 Quizzes
45 Illustrations

This course includes

1 Project
35 Playgrounds
9 Quizzes
45 Illustrations

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

Course Content

1

Introduction

2

Introduction to Vue.js

3

Getting Started with NuxtJS

4

NuxtJS Rendering Modes

5

Routing

6

Plugins

3 Lessons

7

Layouts

3 Lessons

8

Pages

3 Lessons

9

Components

3 Lessons

10

API Endpoints, Middleware, and Server-Side State Management

6 Lessons

11

Putting It All Together

2 Lessons

12

Deployment

3 Lessons

Create a Stock Monitor Application Using NuxtJS

Project

13

Conclusion

1 Lesson

14

Appendix

3 Lessons

COURSE AUTHOR

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

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