Videos tagged with: directus
Migrating My Site From Directus + Next.js To Astro
In this video I'm going to talk about how I migrated my site from Directus and NextJS stack hosted on Digital Ocean to a fully static site built with Astro and hosted on Cloudflare Pages
![Add Data From Excel Using Flows](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/53d17f4a-e10a-4ad2-a39b-872ef4ede9e0.jpg/w=768)
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.
![Create a Newsletter List With Directus Flows](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/e1c24ea3-21d3-4da4-ac56-4a946d00623f.jpg/w=768)
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.
![Send Emails With Directus Flows](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/0ca6c338-3780-4cbb-8289-cb8d50fe0eb1.jpg/w=768)
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.
![How To Create Multilevel Navigation In Directus 9 (NO CODE)](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/0958d71f-fc0b-4783-9775-de743f1ef39c.jpg/w=768)
How To Create Multilevel Navigation In Directus 9 (NO CODE)
In this video I'm going to show you how to create multilevel navigation in Directus 9, without any code.
![Protect Signup Form From Hackers](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/c4a31ab5-b103-4d5d-939d-3a54f7a745ea.jpg/w=768)
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.
![User Authentication With NextAuth](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/ccee498c-88ff-4fa1-8bc1-a26710021a83.jpg/w=768)
User Authentication With NextAuth
In this episode we are going to implement login functionality to our Next.js and Directus app using NextAuth package.
![User Sign Up](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/2952e6e7-09a9-4310-9ec3-ea4089b5e75a.jpg/w=768)
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.
![Add To Cart](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/bf746968-6773-48a7-9bb8-48036679c4f8.jpg/w=768)
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.
![Display Product Options](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/63c08f36-206e-47e4-8dc2-93036186181c.jpg/w=768)
Display Product Options
In this episode we are going to display product options that we created in the previous episode.
![Product Options And Directus Has Some Problems](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/f165ffdf-202f-45ac-8d13-01412d11f090.jpg/w=768)
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.
![Product Display Page](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/d21173eb-28af-47ec-b491-f0b95d61ca22.jpg/w=768)
Product Display Page
In this episode we are going to create a product display page for our shop.
![Filter Products By Category](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/1189bfcc-32ed-4311-8abd-cfc9ec19efb7.jpg/w=768)
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.
![Fix M2M Relationship From Part 04](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/58e83ba6-eeb0-4135-b011-f7d3c4d60cff.jpg/w=768)
Fix M2M Relationship From Part 04
In this episode we are going to fix a mistake that I made in part 04 of this course.
![Products and Categories](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/132ed75c-56f9-4605-abf1-959618968cb9.jpg/w=768)
Products and Categories
In this episode we are going to start building an e-commerce site using Directus and Next.
![Fix No Access Issue, Update Database, Install GraphQL Playground](https://imagedelivery.net/6tYZ9RoCmUmVIIrwK8LT-A/5826a5a1-5866-44f2-b4b1-7f04712c57d4.jpg/w=768)
Fix No Access Issue, Update Database, Install GraphQL Playground
In this episode we are going to do a bit more cleanup (sorry), before building our app.