Summary

In this tutorial, we covered how to build a fully-featured Hackernews clone with React and Apollo Client.

We implemented several features such as displaying a list of links, signup and authentication, creating new links, voting on links, and pagination. We also built in realtime updates with GraphQL subscriptions. For a longer tutorial that covers more advanced features of Apollo Client, check out the GraphQL Guide.

To learn how to build the backend that we used for this tutorial, check out the Node.JS tutorial.

The backend was powered by apollo-server. It comes with several features, such as out-of-the-box support for GraphQL Playground and realtime GraphQL subscriptions.

The resolvers for our GraphQL server use Prisma for database access.

Next Steps

If you would like to dive deeper and become part of the awesome GraphQL community, here are a few resource and community recommendations for you:

• Prisma Blog: The blog regularly features new and interesting content about GraphQL, from community news to technical deep dives and various tutorials.
• GraphQL Weekly: A weekly GraphQL newsletter with news from the GraphQL ecosystem
• GraphQL Berlin Meetup: A regular meetup of people interested in GraphQL and its ecosystem with speakers from all around the globe telling us about the latest developments in the GraphQL world.
• Prisma Slack: A Slack team with vivid discussions around everything GraphQL & Prisma