Lesson 6 - Connect Your Frontend to Directus - Onboarding

TODO:
1. Set up your frontend to connect with your Directus instance.
2. Fetch data from Directus and display it on your frontend.
3. Implement filtering, sorting, or pagination as needed.
4. Share a screenshot of your frontend displaying data from Directus in the group discussion for this lesson. Show off your progress! 📸💻

[mailsiraj]

Brian, I reeally like sense of humour and your appreciation of GraphQL and Next.js :)

[konandev]

I like React's fun in your video =)))

[swordali]

Thank you))) More complicated project on Next.Js with Directus please. Forexaple booking system or blogging. Appricate

[abrotherinchrist]

Do you have any videos about using Directus as a CDN for media, kind of like Cloudinary, specifically image transformations using Sharp?

[Tasawwur-e-Shaheen]

I've installed Directus on my local PC. Steps to get Globals functioning. I can display globals on the front end. However, the pages are not working. It is giving 404 page. I I think it cannot find the slug (the slug is already available, and the status is  published).
I also can't preview the page or post on the Directus admin interface, as it claims. This content is blocked. Contact the site owner to fix the issue."
Can somebody assist me?

[yvewysd]

How to make the styling work that comes from directus?

On my vue frontend, it just shows as: <h1>test</h1>

Instead of just 'test' in h1 styling

[srijay_guitarist]

When requesting images, the static token is appended to image's URL as access token, without which images don't display. When I view image's URL using inspect tools, I can clearly see my access token appended at the end. Which means anyone can get that token and access my API. Isn't this a security risk?
Is static token a right way to access Directus from a frontend like Nuxt or Laravel?
Case 1: The frontend will just display data from API and doesn't create. Data is fed through Directus admin panel.
Case 2: Frontend has user inputs.
I am new to Directus so any help will be appreciated.

[alisherdotdev]

I think documentation is updated, itsn't same with docs on tutorial

[ShaffErNot]

do you guys have an example where you use vue.js?

[andybrice]

I hereby formally request a full tutorial on building a frontend with the Nuxt Directus module. Maybe incorporating some of the workflow Heinrichs & Heinrichs have settled on.

[MohamedEldegla]

can directus work for non developers as a complete no code solution? or it is just not for us ?