If you are getting CORS errors with this setup please follow this link: bit.ly/3JX9kPi

@loveillusionist5299

2 жыл бұрын

I am getting error GRAPHQL_VALIDATION_EXCEPTION Cannot query field "featured_image" on type "posts".

@loveillusionist5299

2 жыл бұрын

also how do you delete field on directus?

@loveillusionist5299

2 жыл бұрын

for anyone else who is experiencing the same issue you must expand featured image and select the subfield id featured_image { id } and also pass an "access_token" with view permissions for directus files or give permissions to public still not sure why this is because i can query the "featured_image" field with rest api without directus file permissions

@loveillusionist5299

2 жыл бұрын

and to delete field you just had to scroll down on the dropdown i feel like an idiot

@WatchandLearnTutorials

2 жыл бұрын

@@loveillusionist5299 Glad you solved it 😀

Directus is true opensource (GPL-3) and they have a very active development team and community! It’s also good to mention that Directus is just an independent layer of your underlying database, so your database schema will remain pristine!

This was a great tutorial , I got so lost trying other videos but this video set me on straight . I will continue to learn from your videos . Thank you so much

@WatchandLearnTutorials

2 жыл бұрын

Great, glad you liked the video 😀

This is quite literally the entire stack I wanted to learn. I've been struggling trying to get into each technology separately and going down rabbit holes. This is literally everything i need from getting started to deployment. Insane value. Thank you so much

@WatchandLearnTutorials

2 жыл бұрын

Glad I could help, and thanks for watching 😀

Thank you for this, more please :) Very eager to learn.

I'm learning graphQL quickly so I can follow this tutorial. Good job 👍

@WatchandLearnTutorials

2 жыл бұрын

Thanks and thanks for watching 😀

Nice looking forward to this one

@WatchandLearnTutorials

2 жыл бұрын

Thanks 😀

There is only 1 thing I like more than Directus & that is your accent. Great video, thank you!

@WatchandLearnTutorials

2 жыл бұрын

Heh, thanks. never got the accent compliment, everyone just thinks I'm Russian 😀 ... I'm not.

@everyhandletaken

2 жыл бұрын

@@WatchandLearnTutorials I would have guessed the same, sorry! 😂 In any case, it’s a pleasure following along & look forward to more great content - hopefully on low-code tools like Directus, such as Amplication, Lowdefy or others 🤞🏻

Yess... Please upload next episode very soon..

@WatchandLearnTutorials

2 жыл бұрын

I will try. 👍

Great Video Ivan!

@WatchandLearnTutorials

2 жыл бұрын

Thanks 👍

Каждый раз меня удивляет это парень. Так держать!

@WatchandLearnTutorials

2 жыл бұрын

Thanks 😀

As always - you are awesome man ❤️❤️ Please small humble comment: i think it would really help to see file structure on left / right. Trying to understand where you are, inside what folder etc is sometimes confusing.

@WatchandLearnTutorials

2 жыл бұрын

Thanks 😀 ... Checkout the last video in this series, or the one before it. I tried to make folder structure a bit clearer there. I realise that sometimes it can be confusing.

It would be very helpful if u show how to add custom api endpoint and custom api hook completely...

Thank you very much for the video! This is the most sensible video on this topic! Please tell me when to wait for the continuation? This month? :)

@WatchandLearnTutorials

2 жыл бұрын

There will be a video this week probably.

Awesome video! Can you maybe show us how to make flexible content like content elements for pages? For example Imagetext, gallery and then add it to a CMS page? Probably with a many to many relationship?

@WatchandLearnTutorials

2 жыл бұрын

Probably not. Sorry.

Sweet!

Had to remove the , { variables: {} = {} } from fetchData and queries.js because it was throwing a reference error.

Thanks for the video! Could you make also a video about how to acces data from the database in a custom API endpoint (in directus)? Would really really appriciate that!

@WatchandLearnTutorials

2 жыл бұрын

When accessing API you are accessing data from database already. So you actually wanna see how to create custom endpoints... is that corect?

@beeb7006

2 жыл бұрын

@@WatchandLearnTutorials Yes. I would really appriciate that!

@WatchandLearnTutorials

2 жыл бұрын

@@beeb7006 Ok, I will try to make an episode about it.

Many Thanks!

@WatchandLearnTutorials

2 жыл бұрын

Thanks for watching 😀

Will it possible to integrate Directus with NEST js ?

Great! have you tried getting dynamic zones (from strapi) functionality from directus, they say it can be achievable using many to any relationship. Can you put some light on it? second what about the graphql playground, writing manual queries can be a nightmare and hard to debug.

@WatchandLearnTutorials

2 жыл бұрын

As for dynamic zones - I don't know what that is TBH. So I can't put some light on it. We are going to install graphQL playground in the next episode which should be coming this week, so stay tuned.

What about any methods to, as an example, filter our list of data? It's like what OctoberCmS do with listExtendQuery($query). Can't found any documentation about it, except to write our own extensions.

@WatchandLearnTutorials

2 жыл бұрын

I don't know. Haven't gotten that deep yet.

1) Can Directus convert uploaded jpg, png etc images to the webp format? If so, can you show how? 2) When installing Directus instead of using a local database, it is possible to connect it to a cloud database, e.g. Hasura Cloud? If possible, can you also show how?

@WatchandLearnTutorials

2 жыл бұрын

1. Not that I'm aware of. However you can use Next.js Image component and it will automatically serve your images in webp format if the browser supports it. 2. I don't think it's possible at the moment.

tailwind config change : tailwindcss.com/docs/upgrade-guide#migrating-to-the-jit-engine

Hello. Do you use Babel or Rust in this course ? I had to configure back to Babel with a .babelrc file because I had some errors on VSCODE, do you know how to deal with that please ?

@WatchandLearnTutorials

2 жыл бұрын

We are using Rust, since the app is made with Next 12 and it's using Rust by default. I don't know how to deal with VSC errors because I don't use VSC. Better ask on Stack Overflow or on Next forums. Although this seems strange, and it probably doesn't have to do with VS Code specifically. Maybe try changing your Node version to 14.7. That is the only thing I can think of.

Directus is awsome , i tried it and then used strapi , for me they are almost the same product , but strapi has more support so idk what to choose

@WatchandLearnTutorials

2 жыл бұрын

They are pretty similar, yes. However Directus is much nicer to use IMO.

@ninogjoni

2 жыл бұрын

Directus is true opensource (GPL-3) and they have a very active development team and community! It’s also good to mention that Directus is just an independent layer of your underlying database, so your database schema will remain pristine!

With Tailwind 3, you don't have to use "mode: 'jit'" anymore, it's included directly.

@WatchandLearnTutorials

2 жыл бұрын

Yeah I know... we did that in one of the episodes.

@mediacreatif

2 жыл бұрын

@@WatchandLearnTutorials did you make an update to TailwindCSS 3 ? if yes, can you give me the link to the video part ?

@WatchandLearnTutorials

2 жыл бұрын

@@mediacreatif Here you go: kzread.info/dash/bejne/amaJz6ezoLnIXcY.html

@mediacreatif

2 жыл бұрын

@@WatchandLearnTutorials thank you so much

Criminal Minds :)

What's an alt cmd for 'mkdir' ?

@WatchandLearnTutorials

Жыл бұрын

It's Fish shell, it does that automatically.

it seems that you used Tailwind 2 in this course. But when I checked your package.json from github, you have a V3.... I'm confused.

@WatchandLearnTutorials

2 жыл бұрын

You need to checkout all the episodes in the series then it will be clear 😀 ... we update to Tailwind 3.0 in one of the episodes.

@mediacreatif

2 жыл бұрын

@@WatchandLearnTutorials excuse me sir ;)

Interesting I can query top level no problem but when I query the image.featured_image.id as in your example it breaks. I wonder if something has changed since this video?

@WatchandLearnTutorials

2 жыл бұрын

Did you set all of your permissions correctly? Check if that is inline with what I show in the video.

@domjag600

2 жыл бұрын

@@WatchandLearnTutorials It was strange kept getting a graphql error only on the image. I went back, reinstalled graphql and started from scratch-it is working now so not sure where I screwed up possibly when I setup the env.local for graphql. On another note how performant would Directus be with larger datasets?

@WatchandLearnTutorials

2 жыл бұрын

@@domjag600 I have no idea. They say that Directus API is very fast, 10 times faster than old Directus 8 API which was built on top of Laravel. So I'm guessing it would be pretty fast, but of course this depends on a lot of stuff like your DB server, your hosting for the app etc.

@MrJfergs

Жыл бұрын

same problem here I had the issue ""Field \"featured_image\" must not have a selection since type \"String\" has no subfields." for no reason

{ "errors": [ { "message": "Collection \"HomePage\" already exists.", "extensions": { "code": "INVALID_PAYLOAD" } } ] } i got this type error

@WatchandLearnTutorials

2 жыл бұрын

Would help if you also included the code that produced this error.

When I installed Next and tailwind it automatically installed it with typescript - is that by default?

@WatchandLearnTutorials

2 жыл бұрын

Turns out it is. That wasn't the case when starting the series. If you wanna set it up without TypeScript then install Nextjs manually and add Tailwind manually. By following this guide: tailwindcss.com/docs/guides/nextjs

@domjag600

2 жыл бұрын

Zdravo Ivan, Yes that's what I did thanks!

Please the second part. Please please.

@WatchandLearnTutorials

2 жыл бұрын

Ummm, ok, here you go 😀 : kzread.info/dash/bejne/Y2F8sLaimaXOnag.html

wich is your IDE?

@WatchandLearnTutorials

Жыл бұрын

PHP Storm

And tailwind just upgraded to 3.0

@WatchandLearnTutorials

2 жыл бұрын

I updated it in the latest episode of this series.

{"errors":[{"message":"You don't have permission to access this.","extensions":{"code":"FORBIDDEN"}}]} I'm still getting error after I set public permission to read only for my product schema. (localhost:8055/items/product)

I have an issue when trying to console.log the hompepageposts : Access to fetch at 'localhost:8055/graphql' from origin 'localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. Can you help me to fix that ? Thanks a lot.

@mediacreatif

2 жыл бұрын

Ok i found the solution. In your Directus version, the default value of CORS_ENABLED is set to TRUE. But in the last version, it is FALSE. So I needed to set it to TRUE in the "api/.env" file.

@WatchandLearnTutorials

2 жыл бұрын

@@mediacreatif Yup!

thanks for the video. but I have an CORS issue when fetching the data in my local. "Access to fetch at 'localhost:8055/graphql' from origin 'localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled." any idea to solve this issue?

@ivan747

2 жыл бұрын

Just add CORS_ENABLED="true" to the .env file.

@mohammadidrus1532

2 жыл бұрын

@@ivan747 thanks, It's works now

@rajivprasad5994

2 жыл бұрын

Not working for me.

@WatchandLearnTutorials

2 жыл бұрын

@@rajivprasad5994 Did you add it to the .env file of your Directus app, and not your Nextjs app?

@amerispunk

2 жыл бұрын

@@WatchandLearnTutorials I still have CORS error even after the .env fix. Maybe there's a change in NextJS causing this as well? Help?