DEV Community

Cover image for Starter Advanced GraphQL Next.js TypeScript & MongoDb (CRUD)
IDURAR | Where Ai Build Software profile image Salah Eddine Lalami
Salah Eddine Lalami for IDURAR | Where Ai Build Software

Posted on • Updated on

Starter Advanced GraphQL Next.js TypeScript & MongoDb (CRUD)

#nextjs #graphql #mongodb #typescript

Starter Advanced Project : GraphQL Next.js TypeScript & MongoDb (CRUD)

Github Repository

https://github.com/idurar/generic-graphql-crud-next-js-mongodb

Install 

yarn Install
Enter fullscreen mode Exit fullscreen mode

Setup & connect to your MongoDb Database 

1) change this file name .env.local.tmp to .env.local
2) open .env.local and paste your MongoDB url here :  MONGODB_URI="your-mongodb-uri"
Enter fullscreen mode Exit fullscreen mode

Generate schema and Type 

yarn generate
Enter fullscreen mode Exit fullscreen mode

Getting Started

First, run the development server:

yarn dev
Enter fullscreen mode Exit fullscreen mode

Try your Graphql 

http://localhost:3000/api/graphql
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

ramunarasinga profile image

Lessons from open-source: Algorithm used to compute error.digest in Next.js

Ramu Narasinga -

jeanvittory profile image

JWT & Refresh Tokens 🔒

Jean Carlo Vittory Laguna -

josephmaina profile image

Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik

Joseph Maina -

sh20raj profile image

Add Google Analytics to NextJS/React Website

Sh Raj -