rsnext/examples/with-graphql-hooks/pages/index.js
Ludovico Fischer b3a631305d
fix(examples): make with-graphql-hooks run correctly again (#20929)
Fixes #20474

* Switch API url to working URL used in apollo example
* Update deps
* Move styled jsx out of the way to avoid demonstrating too many
  unfamiliar concepts at once

dev, build and start work now.
2021-01-11 13:55:18 +00:00

30 lines
659 B
JavaScript

import { initializeGraphQL } from '../lib/graphql-client'
import graphQLRequest from '../lib/graphql-request'
import App from '../components/app'
import Header from '../components/header'
import PostList, {
ALL_POSTS_QUERY,
allPostsQueryOptions,
} from '../components/post-list'
export default function Home() {
return (
<App>
<Header />
<PostList />
</App>
)
}
export async function getStaticProps() {
const client = initializeGraphQL()
await graphQLRequest(client, ALL_POSTS_QUERY, allPostsQueryOptions())
return {
props: {
initialGraphQLState: client.cache.getInitialState(),
},
revalidate: 1,
}
}