Neo4j and Next.js: A Full-Stack Relationship

on YouTube ↗40m

" summary

Builds a serverless full‑stack app that actually connects Neo4j AuraDB to Next.js + Bun via GraphQL and TypeScript, seeds the database (demo seed creates 179 nodes and many relationships), uses the GraphQL Toolbox for schema introspection and the Neo4j OGM for model access, auto‑generates TypeScript types for full editor autocomplete, and deploys the running site to Vercel where the build passes and a public link serves live results.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and vision
2. 1:16Database selection process
3. 4:40Project setup overview
4. 7:11Initializing the application
5. 10:59Neo4j Aura configuration
6. 14:06Database seeding and exploration
7. 19:08Integrating Neo4j and OGM
8. 25:41GraphQL schema generation
9. 29:37Developing the UI
10. 34:40Deployment on Vercel

" related talks

• 10mNext.js is all you need for a fast-growing startupElizabet Oliveira · Next.js Conf 2023
• 36mThe State Management RollercoasterJepser Bernardino · reactjsday 2024
• 09mNx + Next.js = ❤️Adam L Barrett · React Summit 2020
• 38mBuild modern and scalable Node.js Web Applications with NestDariusz Kalbarczyk · International JavaScript Conference Munich 2019
• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 46mBuild and ship global full stack serverless web apps Q&ADaria Grigoriu, Matt Hernandez, Shawndell Elfring, Mikayla Soucie, Thomas Gauvin, Mitali Karmarkar · Microsoft Build 2023
• 52mARMGDN - Build modern web apps using Apollo, React, MobX GraphQL, Db and Node.jsVladimir Novick · NDC Porto 2019
• 22mAutomate your stack with GraphQLLukas Holzer · React Finland 2021