Videos tagged with: javascript

PayloadCMS and Next.js With Local API

PayloadCMS and Next.js With Local API

In this video I'm going to show you how to setup Next.js and Payload to run on the same server, kind of like a monolith app, and then how to use Local API to get and filter the data.

Episode   209:43
Let's Checkout... Payload CMS

Let's Checkout... Payload CMS

What I really like about Payload CMS is that everything is done through code, you don't have to go around clicking in the admin UI to setup things like you would do in WordPress, Strapi or even Directus.

Episode   110:18
Using AI In Your Frontend App feat. OpenAI and NextJS

Using AI In Your Frontend App feat. OpenAI and NextJS

In this video I'm going to show you how you can use Open AI to create some nice features in your apps.

Episode   106:50
Add Data From Excel Using Flows

Add Data From Excel Using Flows

In this episode I'm going to show you how you can add large number of data to your Directus database using Excel and Flows.

Episode   407:47
Create a Newsletter List With Directus Flows

Create a Newsletter List With Directus Flows

In this video, we are going to create a Flow that will add a user to a newsletter list if they opt in for it.

Episode   305:19
Send Emails With Directus Flows

Send Emails With Directus Flows

Flows in Directus enable custom, event-driven data processing and task automation. In this video we are going to send an email to the admin, when new user is created.

Episode   206:55
Let's Checkout... Astro

Let's Checkout... Astro

In this video we are going to checkout Astro - all-in-one web framework for building fast, content-focused websites.

Episode   2116:10
Let's Checkout... AppWrite

Let's Checkout... AppWrite

AppWrite is a secure open source backend server for Web, Mobile and Flutter developers. And we are gonna check it out in this video.

Episode   2017:54
Protect Signup Form From Hackers

Protect Signup Form From Hackers

Viewer called Locness noticed a potential security flaw on our sign up form. In this episode we are going to fix that.

Episode   1404:38
Let's Checkout Remix ... And Compare It To Next.js

Let's Checkout Remix ... And Compare It To Next.js

In this video we are going to checkout Remix. I’ve been playing around with Remix for the last couple of days. This video is mostly going to be about that journey and how Remix compares to Next.js.

Episode   1913:57
User Authentication With NextAuth

User Authentication With NextAuth

In this episode we are going to implement login functionality to our Next.js and Directus app using NextAuth package.

Episode   1329:49
User Sign Up

User Sign Up

In this episode we are going to implement signup functionality for our Directus and Next.js app. You will see, this is very easy.

Episode   1220:34
Mini Cart And Zustand

Mini Cart And Zustand

In this episode we are going to create a mini cart for our e-commerce site using Zustand state management library.

Episode   1125:50
Add To Cart

Add To Cart

In this episode we are going to start implementing add to cart functionality. I say start because this is a pretty big functionality so I’m going to split it into two parts.

Episode   1036:08
Display Product Options

Display Product Options

In this episode we are going to display product options that we created in the previous episode.

Episode   916:31
Product Options And Directus Has Some Problems

Product Options And Directus Has Some Problems

In this episode we are going to create options for products. In our case those are going to be colours and sizes.

Episode   819:50
Product Display Page

Product Display Page

In this episode we are going to create a product display page for our shop.

Episode   721:35
Filter Products By Category

Filter Products By Category

In this episode I’m going to show you how to create a filter for our products using Directus and Next.js.

Episode   627:06
© Watch And Learn,2024