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

noahm profile image

Fetching Liked Posts Using the Bluesky API

Noah Matsell -

joodi profile image

Turbopack in Next.js: The Future of Development Bundling 🚀

Joodi -

kasir-barati profile image

How to configure TSC + Webpack + ESM for NodeJS

Mohammad Jawad (Kasir) Barati -

apurvupadhyay profile image

𝐍𝐞𝐬𝐭.𝐣𝐬 🛠️ 𝘃𝘀. 𝐍𝐞𝐱𝐭.𝐣𝐬 🚀: 𝗪𝗵𝗮𝘁’𝘀 𝘁𝗵𝗲 𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝗰𝗲?

Apurv Upadhyay -