Sample call to Directus

[chiu0602]

This is not a bug report. This repository is excellent but I am not familiar with Nextjs with SSR.

Would you please provide a sample for a page with a button, which will interact with Directus when clicked?

Thanks for your great code.

[DutchCloud4Work]

+1

[R1NEJ0]

+1

[cpdavila]

+1

[huntedman]

To anyone wondering how to make a client-side request.
Can also be adapted to work when a button is clicked. Also the session is automatically refreshed via directus()

"use client"

import { directus } from "@/services/directus"
import * as React from "react"

import { readItems } from "@directus/sdk"
import { getSession } from "next-auth/react"

export default function Page() {
  const [items, setItems] = React.useState([])

  React.useEffect(() => {
    const fetchItems = async () => {
      const session = await getSession()
      const api = directus(session?.access_token)
      try {
        const response = await api.request(readItems("test"))

        console.log("Resoinseee", response)
      } catch (error) {
        console.error("Error fetching items:", error)
      }
    }

    fetchItems()
  }, [])

  return (
    <div>
      <h1>Directus Query Example</h1>
      <p>Check the console for the logged items.</p>
      <p>Number of items fetched: {items.length}</p>
    </div>
  )
}