import Head from 'next/head' import Link from 'next/link' import { gql, useQuery } from '@apollo/client' import Header from '../components/header' import Footer from '../components/footer' import type { Movies } from '../types' const GET_MOVIES = gql` query GetMovies { movies { title tagline released actors { name } directors { name } } } ` export default function Home() { const { loading, error, data } = useQuery<{ movies: Movies }>(GET_MOVIES) if (loading) return 'Loading...' if (error) return `Error! ${error.message}` return (
Next with Neo4j

"Movies" Neo4j example dataset.

{data.movies.map((movie, index) => ( ))}
# Movie Title Released Tagline Directed Actors
{index + 1} {movie.title} {movie.released} {movie.tagline}
    {movie.directors.map((director) => (
  • {director.name}
    • ))}
) }