Opal  Gulgowski

Opal Gulgowski

1631719505

How to Build & Deploy a Movie App With NuxtJS In 2021 (Step by Step)

In this video we build & deploy a movie app using NuxtJS.  

Repo: https://github.com/johnkomarnicki/movies-app-nuxtjs

Timestamps: 
0:00 Introduction
3:41 NuxtJS Overview
6:23 Creating NuxtJS App
10:50 File Structure Overview
14:47 File Clean Up
15:37 Adding SASS & Global Styles
21:14 NuxtJS Layouts
25:26 File Routing (Adding/Creating Route Params)
28:07 Hero Component
35:08 Movie Database API Setup
36:32 Fetch Hook (Get Movie Data)
45:58 Populate Home Page With Data
1:00:25 Search Feature
1:14:56 Loading Component
1:19:32 Caching Data (keep-alive directive)
1:22:45 Individual Movie Details Route
1:36:22 Page Transitions
1:37:50 SEO Optimization (Title & Metadata)
1:43:03 Deploy To Heroku Via GitHub 
-------------------------------------------------------------------------------------------------------
#nuxtjs  #nuxt  #vue 
 

How to Build & Deploy a Movie App With NuxtJS In 2021 (Step by Step)
Eric  Bukenya

Eric Bukenya

1631084400

How To Build a Timer With Nuxt.js and Tailwind CSS

Build a timer with Nuxt.js and Tailwind CSS.

#nuxtjs #tailwindcss 

How To Build a Timer With Nuxt.js and Tailwind CSS

How to Verify Confirmation Email in Nuxt.js and ApolloServer

We continue on with the lesson sending confirmation emails to this where we verify the tokens in the confirmation emails.

#nuxtjs #apolloserver 

How to Verify Confirmation Email in Nuxt.js and ApolloServer

How to Send Confirmation Email using Nodemailer and SendGrid

Learn how to create a confirmation link and then send it to the registered user using nodemailer and send grid email service.

#nuxtjs #apolloserver   #sendgrid #Nodemailer

How to Send Confirmation Email using Nodemailer and SendGrid

How to Handle Errors and Validation in GraphQL with The Help Of JOI

In this beginner GraphQL and ApolloServer lesson we learn how to handle errors. We are using addCharacter mutation to showcase how we can easily do server side validations using joi.

#graphql #nuxtjs #apolloserver 

How to Handle Errors and Validation in GraphQL with The Help Of JOI

Learn About Virtual DOM Tree Mismatch Between Client and Server

We use two approaches one using client side navigation to fix not fetching the character ( image of undefined) but this doesn't fix error 1 
#dom #nuxtjs 

Learn About Virtual DOM Tree Mismatch Between Client and Server

How to Create Nuxt.js forms using GraphQL Mutation

We create nuxtjs form and use the mutation we created in ApolloServer.

#nuxtjs #graphql 

How to Create Nuxt.js forms using GraphQL Mutation

How to Create A GraphQL Mutation in ApolloServer.

A simple lesson to teach you how to create a mutation in ApolloServer.

#graphql #apolloserver  #nuxtjs 

How to Create A GraphQL Mutation in ApolloServer.

How to Build My Own Graphql Api using Apollo Server Part 2

We start building our own graphql api using apollo server part 2

#apollo #graphql #nuxtjs 

How to Build My Own Graphql Api using Apollo Server Part 2

How to Build My Own Graphql Api using Apollo Server.

We start building our own graphql api using apollo server.

#graphql #api #apollo #nuxtjs 

How to Build My Own Graphql Api using Apollo Server.

How Nuxt.js Redirects to another Page

Nuxt.js redirects are really simple to do due to the fetch lifecycle hook and context object that nuxt passes to it.

#nuxtjs 

How Nuxt.js Redirects to another Page

Nuxt.js Use The Nuxt-child-route and Query Graphql

In this video you will learn about: Nuxt.js Use The Nuxt-child-route and Query Graphql
#nuxtjs #graphql 

Nuxt.js Use The Nuxt-child-route and Query Graphql

Learn About Nuxt.js Graphql Query with Arguments Part 2

We create graphql query with arguments. We then attach the argument to a reactive property in vue. 
#nuxtjs #graphql 

Learn About Nuxt.js Graphql Query with Arguments Part 2

Learn About Nuxt.js Querying The GraphQL API Part 1

In this video you will learn about: Nuxt.js Querying The GraphQL API Part 1
#nuxtjs 

Learn About Nuxt.js Querying The GraphQL API Part 1