Course Overview

Get introduced to the Nuxt framework used to build powerful web applications.

We'll cover the following

Welcome to the course!

Nuxt is a great front-end framework for building applications and websites. This course will cover all of the essential aspects of Nuxt and enable you to build amazing web applications. We’ll cover all of the basics, as well as more advanced topics and use cases.

Press + to interact

Who is this course for?

This course requires no previous Nuxt experience. However, a basic level of web development is required. You should be comfortable with HTML, CSS, general website structure and concepts, as well as have a basic level of JavaScript.

If you’ve built some websites in the past or used Vue.js (or any other front-end framework or library such as React.js) you should be fine. The previous understanding will help you understand some of the core concepts and get the best out of the lessons.

Press + to interact

What will you learn?

The course is broken down into sections where we’ll learn about all of the essential features of Nuxt.js , such as:

  • Pages and layouts

  • Components and passing data

  • Nuxt composables

  • Routing

  • Composition API

  • Reactivity and data fetching

  • SEO, Meta, and configuration

  • Handling errors

  • Server API

All the examples will use the Vue.js script setup syntax, which is a clean and modern way to structure our project.

Each section will have dedicated examples and interactive code. Along with these, we’ll also build two projects. Using an API, we’ll build an application to search for stock photographs and display the results. We’ll include modals, image filters, fetching data, and image downloads, and we’ll learn many techniques as we build our Nuxt project. The second project will discuss the other side of the API. We’ll explore the Nuxt server and how it can also be used to create an API for our project to consume.