⚡ Next GraphQL Prism

📄 Table of contents

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.

.

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

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 the build 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.

:clipboard: A Next.js React app using Apollo GraphQL to get data from a Prism database.

Language:TypeScript 81.5%Language:Shell 9.6%Language:JavaScript 8.9%