Watch and Learn

Video tutorials for curious frontend frontend developers by @ivan_doric 📺

[Watch and Learn @WatchLearnTuts]

I tweet rarely, but if you wanna get those 2 tweets a year from me, you can follow me to at Bluesky (https://t.co/fqvRcWFmjQ)

[Watch and Learn @WatchLearnTuts]

In this quick #tutorial I will show you how to make #Directus #extension development much smoother, so that you don’t have to build and copy extension files manually which can be a real pain in the 🍑.

#JavaScript #cms #development

https://t.co/pj9QaffYfi

[Watch and Learn @WatchLearnTuts]

In this video I’m going to create an app that is going to be using #OpenAI API as a sort of backend, from which we are going to get structured JSON responses.

#tutorial #video #free #chatGPT #dalee #nextjs #javascript

https://t.co/PW78WqHUuK

[Watch and Learn @WatchLearnTuts]

In this video I'm going to show you how to setup #Nextjs and #PayloadCMS to run on the same server, kind of like a monolith app, and then how to use #LocalAPI to get and filter the data.

#video #tutorial #free #javascript

https://t.co/9YonZHkpuP

[Watch and Learn @WatchLearnTuts]

In this #video I’m going to talk about #PayloadCMS. It’s a very nice CMS with great Developer Experience and I really like it. It speaks to me 😄

#video #tutorial #TypeScript #free #dx #cms #react

https://t.co/SOMDur0DVB

[Watch and Learn @WatchLearnTuts]

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

#ai #nextjs #javascript #tutorial #free

https://t.co/0IeqxNd5YL

[Watch and Learn @WatchLearnTuts]

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.

#tutorial #video #free #javascript #Nextjs #csv

https://t.co/4LrjV65GH4

[Watch and Learn @WatchLearnTuts]

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

#JavaScript #tutorial #video #free #Directus9

https://t.co/gCky6ipJEZ

[Watch and Learn @WatchLearnTuts]

#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 user when new user is created.

#email #tutorial #video #free

https://t.co/JXx58urcSI

[Watch and Learn @WatchLearnTuts]

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

#astro #astrobuild #javascript #video #tutorial #free

https://t.co/P2VwchHg13

[Watch and Learn @WatchLearnTuts]

In this video I'm going to show you how to create multilevel navigation in #Directus 9, without any code.

#navigation #nocode #tutorial #video

https://t.co/fqUvMsBvJp

[Watch and Learn @WatchLearnTuts]

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

#JavaScript #react #nextjs #tailwind #baas #tutorial #video

https://t.co/2GjEMHYxHN

[Directus 🐰 @directus]

Reason #1,489,257 we love the open-source community: user-contributed videos! We've pulled them all together for you into #playlists on our #YouTube channel. @WatchLearnTuts @howco_de @grafikart_fr @mbritto 📺🐰
https://t.co/QsZ9Gj4EkM

[Watch and Learn @WatchLearnTuts]

If somebody gets a hold of the Admin Role ID he or she can easily signup as an administrator to our #Directus app, and then do as they please in the admin area.

In this episode we are going to fix that.

#JavaScript #Nextjs #React #tutorial #video

https://t.co/eoCEd5MBmD

[Watch and Learn @WatchLearnTuts]

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 #Nextjs.

#next #javascript #react #video #tutorial

https://t.co/VTK02FHcMA

[Watch and Learn @WatchLearnTuts]

In this episode we are going to implement login functionality to our #Nextjs and #Directus app using #NextAuth.

We are also going to add user area page that will only be accessible to authenticated users.

#javascript #tutorial #reactjs #free #video

https://t.co/PTSlSKtP4s

[Watch and Learn @WatchLearnTuts]

If you get #CORS error when when updating #Directus to version 9.7.0+ just follow this quick guide:

#javascript #help #fix

https://t.co/RzRdU07gis

[Watch and Learn @WatchLearnTuts]

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

#React #JavaScript #ecommerce #tutorial #video #free

https://t.co/Kcm4cBmlhN

[Watch and Learn @WatchLearnTuts]

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

#javascript #react #ecommerce #tutorial #nextjs #directus

https://t.co/2ppWZaFpuz

[Watch and Learn @WatchLearnTuts]

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.

#JavaScript #Directus #Nextjs #React #Tutorial #Video #ecommerce #free

https://t.co/PvDFD1Iqwl