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

abdulkadir_saloum_770fee4 profile image

"TypeScript vs JavaScript: Which One Should You Choose?"

Abdulkadir Saloum -

jacobandrewsky profile image

Five Design Patterns to know in Node.js

Jakub Andrzejewski -

thinkthroo profile image

useLayoutEffect in Zustand test-case explained.

thinkThroo -

muhammadawaisshaikh profile image

Streamlining API Calls in Angular v18 with TanStack Angular Query

Muhammad Awais -