β‘ Next GraphQL Prism
- A Next.js React app using Apollo GraphQL to get data from a Prism database.
- Note: to open web links in a new window use: ctrl+click on link
π Table of contents
π General Info
- Displays data from a Prism database.
- Next.js is for server-rendered react apps. It has automatic code splitting, simple page-based routing, built-in CSS support and hot reloading. Every component file in the pages folder is treated as a page.
π· Screenshots
πΆ Technologies
- Node.js v14 javascript runtime using the Chrome V8 engine.
- React v17 Javascript library.
- GraphQL v15
- Apollo v2 GraphQL implementation data graph layer
- Next v10 minimalist framework for rendering react apps on the server.
- Next with Apollo v5 to save coding time
- Apollo Client v2 caching GraphQL client to UI components can fetch data via GraphQL. More documentation here.
- Apollo Server Micro Micro integration for the Apollo community GraphQL Server.
- @prisma/client auto-generated query builder that enables type-safe database access
πΎ Setup
- Prisma required a setup that was not shown in the tutorial - see Sitepoint tutorial for how to initialise Prisma - without it the app will not work
npm run dev
runs the app in the development mode. Open http://localhost:3000 to view it in the browser.npm run build
builds the app for production to thebuild
folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.
π» Code Examples
- tba
π Status & To-Do List
- Status: In work
- To-Do: Start up database then complete
π Inspiration
π License
- N/A
βοΈ Contact
- Repo created by ABateman, email: gomezbateman@yahoo.com