DEV Community

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

Posted on • Edited 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

kirillkonshin profile image

The ultimate Electron app with Next.js and React Server Components

Kirill Konshin -

avoguga profile image

How to Build an Icon Library with TypeScript, Tsup, and SVGR

Gustavo Henrique -

shieldstring profile image

Next.js 15 Authentication

Agbo, Daniel Onuoha -

charlottetowell profile image

Creating a NextJS Web App With 0 Web Dev Experience

Charlotte Towell -