Full Stack Development with Neo4j and GraphQL
10 likes110,502 views
The document discusses using GraphQL with Neo4j databases. It provides an overview of GraphQL, how to build a GraphQL service including defining a schema and implementing resolver functions. It also discusses Neo4j-GraphQL integrations which can automatically generate Cypher queries from GraphQL, improving performance by batching data fetching and allowing exposing Cypher queries through GraphQL directives. The neo4j-graphql library facilitates integrating Neo4j with GraphQL services.
![IDL Schema Syntax
type Movie {
movieId: ID!
title: String
year: Int
plot: String
poster: String
imdbRating: Float
genres: [String]
similar(first: Int=3, offset:Int=0): [Movie]
}
type Query {
moviesByTitle(subString: String!, first: Int=3, offset: Int=0): [Movie]
}](https://image.slidesharecdn.com/neo4j-graphql-171114171651/85/Full-Stack-Development-with-Neo4j-and-GraphQL-9-320.jpg)
![(you)-[:HAVE]->(questions)<-[:ANSWERS]-(will)
@lyonwj | lyonwj.com](https://image.slidesharecdn.com/neo4j-graphql-171114171651/85/Full-Stack-Development-with-Neo4j-and-GraphQL-24-320.jpg)
Ad
More Related Content
What's hot (20)
Similar to Full Stack Development with Neo4j and GraphQL (20)
Ad
More from Neo4j (20)
Ad
Recently uploaded (20)
Full Stack Development with Neo4j and GraphQL
- 1. GraphQL + Neo4j Full Stack Development With William Lyon @lyonwj lyonwj.com
- 2. William Lyon DevRel Engineering @neo4j [email protected] @lyonwj lyonwj.com
- 3. GraphQL + Neo4j ● An overview of GraphQL ● Building a GraphQL service ● Neo4j-GraphQL integration(s) @lyonwj | lyonwj.com
- 4. An Overview Of GraphQL ● A new paradigm for buildings APIs ● Schema definition ○ Types ○ GraphQL entry points (Query & Mutation types) ● Query language for APIs ○ Limited support for “queries” (aggregations, filtering, …) ● Community of tools ○ GraphiQL ○ Mocking ○ Performance monitoring @lyonwj | lyonwj.com
- 6. Building A GraphQL Service 1) Define a schema 2) Implement resolver functions ○ Fetch data from data layer @lyonwj | lyonwj.com
- 7. Building A GraphQL Service https://dzone.com/refcardz/an-overview-of-graphql @lyonwj | lyonwj.com
- 8. GraphQL First Development 1. Design API schema 2. Build UI and backend 3. Deploy! • Schema is your friend • GraphQL Schema is the API spec • Allows for simultaneous frontend and backend development • Enables introspection • Build other tools (graphiql) https://dev-blog.apollodata.com/navigating-your-transition-to-graphql-28a4dfa3acfb
- 9. IDL Schema Syntax type Movie { movieId: ID! title: String year: Int plot: String poster: String imdbRating: Float genres: [String] similar(first: Int=3, offset:Int=0): [Movie] } type Query { moviesByTitle(subString: String!, first: Int=3, offset: Int=0): [Movie] }
- 13. A GraphQL - Neo4j Integration? ● Developer productivity ● Translate GraphQL → Cypher? ● Improve performance? ● Expose Cypher through GraphQL? @lyonwj | lyonwj.com
- 15. Use The Schema, Luke
- 16. Use The Schema, Luke https://github.com/neo4j-graphql/
- 17. Improved Performance ● N+1 query problem ○ Batching ● GraphQL → single Cypher query ○ Single round trip to database @lyonwj | lyonwj.com
- 18. Expose Cypher in GraphQL ● GraphQL directives ● @cypher schema directive ○ Map GraphQL fields to a Cypher query @lyonwj | lyonwj.com
- 19. @cypher Schema Directives ● Still a single Cypher query / single round-trip ○ @cypher annotated query becomes a sub-query @lyonwj | lyonwj.com
- 20. neo4j-graphql-js github.com/neo4j-graphql/neo4j-graphql-jshttps://launchpad.graphql.com/7kp8l0p4j Auto-generate Cypher queries Works with apollo-server, graphql-tools, graphql-js,...
- 23. Looking Forward ● Active development ○ Feedback driven :-) ● Features ○ Subscriptions ○ Authentication / Authorization ○ ???? [email protected] neo4j.com/developer/graphql/ grandstack.io/ @lyonwj | lyonwj.com