Nuxtjs for everyone

What is Nuxtjs? Why Nuxt.js is so good? What Nuxt.js can do? What Nuxt.js Includes. How single page application works? How static site generation in nuxt works? How universal application is created in nuxtjs?
6.03 Hours 63 tutorials beginner
1

What is Nuxtjs? Why Nuxt.js is so good? What Nuxt.js can do? What Nuxt.js Includes How single page application works? How static site generation in nuxt works? How universal application is created in nuxtjs?

14.25 Minutes
2

Getting started with Nuxtjs How Nuxt.js works and how it handle routing What is Nuxtjs? Why Nuxt.js is so good? What Nuxt.js can do? What Nuxt.js Includes

9.70 Minutes
3

Nuxt have lots of things included like vuex, middleware, layouts, etc. To have everything on our project, let's use npx ( execute npm package binary) to create a full nuxt app which includes everything.

6.05 Minutes
4

Nuxtjs gives server side rendering and uses express js as backend server. But how nuxtjs have express this and where it is placed.

6.03 Minutes
5

Nuxtjs have plugins to load external libraries or packages. Lets understand how nuxtjs plugins are configured in nuxtjs

5.45 Minutes
6

Nuxtjs have many official nuxt modules to make your life easier

2.70 Minutes
7

What nuxt.config.js file is combining everything in nuxtjs

6.43 Minutes
8

Where is that html file which at the root every website need

5.33 Minutes
9

Creating Layout in nuxt is very simple, let's talk about the default layout given by nuxt

4.90 Minutes
10

Modifying nuxt layout and creating our own layout

4.62 Minutes
11

Whenever any error occur, like 404, 500 error, what page will be displayed on nuxt.

5.12 Minutes
12

What are the attributes given by nuxt to make vuejs superfast

6.27 Minutes
13

Nuxt is best for SEO, how to do SEO on nuxt

3.15 Minutes
14

Various ways to give nuxt link to navigate between pages

6.33 Minutes
15

Dynamically create routing with nuxtjs

6.70 Minutes
16

Route parameter validation to protect any unwanted params to entered on the url

5.75 Minutes
17

Middleware is very important to do some task before loading any page, like authentication or fetching token.

11.32 Minutes
18

Start project 1 with our nuxt application.

3.52 Minutes
19

Create weather app page

7.13 Minutes
20

From where we will get weather information of any city.

4.20 Minutes
21

Using weather API to fetch weather data by city name

3.20 Minutes
22

We need to make a system to provide a different city name and each time get corresponding data

4.58 Minutes
23

Icon represents weather information more visually, use api icon to show that.

7.15 Minutes
24

We get the temperature from API and let's display it to our app

4.93 Minutes
25

Showing weather description on our app

3.20 Minutes
26

Every time page load, we want to fetch data before loading the page, which is Server Side Rendering

7.00 Minutes
27

Display wind and pressure on our application

5.70 Minutes
28

The temperature we get are in Kelvin, let's convert to celsius and display it

3.58 Minutes
29

Data comes a little after page load, and that create some error, let's handle it

4.13 Minutes
29

Project 1 of weather application is complete, highly encourage you to do more thing with it.

2.88 Minutes
30

Moving API key or secret to external things, that is exactly .env file

4.48 Minutes
31

What is Vuex and why it is important part of Nuxtjs

4.92 Minutes
32

What is state and how to access it on vuejs components

5.77 Minutes
33

What are getters on vuex and why it is useful

2.80 Minutes
34

Move weather app data from component to vuex store

5.03 Minutes
35

Moving from AyncData to fetch , AsyncData return local data while fetch can set data on our vuex store

5.07 Minutes
36

How to create actions in vuex store and how to call actions from vuejs components

3.67 Minutes
37

Re-use action from weather store and clean up our code

3.05 Minutes
38

Work on nuxtjs quiz app front page

7.12 Minutes
39

Create submit button for our Nuxtjs quiz app

4.02 Minutes
40

Creating a question and save it on firebase for our Nuxtjs quiz app

8.17 Minutes
41

Introduction to firebase test mode where anyone can write or read for our Nuxtjs quiz app

3.87 Minutes
42

Using vuejs v-model to get question data into the form for Nuxtjs quiz app

5.32 Minutes
43

Using Firebase to store Nuxtjs quiz app questions

6.68 Minutes
44

It is important to store answer on a different place for Nuxtjs quiz app

5.67 Minutes
45

Getting Nuxtjs quiz app questions from firebase using axios call

6.73 Minutes
46

Display all questions on admin side on Nuxtjs quiz app

7.13 Minutes
47

Let's update the Nuxtjs quiz app question to make any changes

7.30 Minutes
48

Get the answer by question id from firebase for Nuxtjs quiz app

8.68 Minutes
49

Edit answer for any question on Nuxtjs Quiz App

3.90 Minutes
50

Destroy question along with answer on firebase by querying on Nuxtjs Quiz App

7.15 Minutes
51

Let's clean up things and do some code refactoring

8.88 Minutes
52

Using firebase to get token when logging in for our Nuxtjs Quiz App

12.23 Minutes
53

Create a login system on Nuxtjs Quiz App

8.45 Minutes
54

Fetch user details on the server end for our Nuxtjs Quiz App

5.77 Minutes
55

Implement Logout in our Nuxtjs Quiz App

3.73 Minutes
56

Protect route in Nuxtjs Quiz App

5.12 Minutes
57

Deal with permissions in Nuxtjs Quiz App

4.73 Minutes
58

Let's show a question on user side on our Nuxtjs Quiz App

5.73 Minutes
59

Let's extract questions into its dedicated component in Nuxtjs Quiz App

4.98 Minutes
60

Check for the correct answer on our Nuxtjs Quiz App

5.85 Minutes
61

If the selected option is correct, then change color to green

2.13 Minutes
62

Show details on notification by using Vue Notify

6.20 Minutes