Setup NextJs 14 with MongoDB and Mongoose | React | instrumentation

  Рет қаралды 1,307

Cules Coding

Cules Coding

Күн бұрын

Learn how to setup NextJs with MongoDB and Mongoose. We will also see how to use new instrumentation feature of nextjs
Blog: dev.to/thatanjan/2-ways-to-se...
Code: github.com/thatanjan/nextjs-m...
0:00 Intro
0:40 Setup mongodb database on mongodb atlas
3:20 Connect nextjs to mongodb
6:50 Nextjs instrumentation
8:30 Add data to mongodb database
11:50 Get data
13:00 Calling multiple times
14::50 Create api route
16:30 Outro
Contacts:
Email: thatanjan@gmail.com
Portfolio: thatanjan.vercel.app/
Blog: cules-coding.vercel.app/
Linkedin: / thatanjan
Github: github.com/thatanjan/
Twitter: / thatanjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: www.culescoding.vercel.app/bl...
What is Client-Side Rendering?: www.culescoding.vercel.app/bl...
What is Server Side Rendering?: www.culescoding.vercel.app/bl...
Everything you need to know about tree data structure: www.culescoding.vercel.app/bl...
13 reasons why you should use Nextjs: www.culescoding.vercel.app/bl...
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier ...
Setup and deploy fullstack application on Vercel and Render: • How to setup and deplo...
Auth0 basics with Next.JS: • Auth0 basics with Next...
Upload images from React and Node: • How to upload images f...
Chakra-UI crash course: • Chakra UI crash course...
Next auth crash course: • Next Auth Basics tutor...
Build a small search engine with MongoDB: • Build a blog using #JA...
Playlists you might like:
Next.Js tutorials: • Nextjs tutorials
Build a blog using JAMstack: • Build a blog using JAM...
Quick tricks: • Access COOKIES in Next...
Crash course: • Redux toolkit crash co...
How-to videos: • Setup Eslint Prettier ...
Clone Blue Origin Landing Page: • Blue Origin Landing pa...
Stay safe and good bye.

Пікірлер: 7
@pinsaramallawarachchi8201
@pinsaramallawarachchi8201 4 күн бұрын
Thanks a lot
@DynamicCorp242
@DynamicCorp242 9 күн бұрын
Je viens de découvrir la chaîne KZbin,je m'abonne
@CulesCoding
@CulesCoding 8 күн бұрын
thank you
@thebestcodes
@thebestcodes 2 ай бұрын
I needed this the other day. Super handy video, thanks! 😀
@CulesCoding
@CulesCoding 2 ай бұрын
Glad it was helpful!
@CodeChaos-jd2be
@CodeChaos-jd2be Ай бұрын
I cant express how helpfull this vid is ,Really thankfull for this
@CulesCoding
@CulesCoding Ай бұрын
Glad it helped
10 common mistakes with the Next.js App Router
20:37
Vercel
Рет қаралды 182 М.
Grouping in mongodb
24:51
Hitesh Choudhary
Рет қаралды 19 М.
1❤️#thankyou #shorts
00:21
あみか部
Рет қаралды 82 МЛН
Cute Barbie Gadget 🥰 #gadgets
01:00
FLIP FLOP Hacks
Рет қаралды 52 МЛН
Sprinting with More and More Money
00:29
MrBeast
Рет қаралды 178 МЛН
Building A Book Store With Next.js And MongoDB || Part 4 - LitLoop
33:56
tapaScript by Tapas Adhikary
Рет қаралды 964
Why I don't use React-Query and tRPC in Next.js
18:58
ByteGrad
Рет қаралды 72 М.
MongoDB Internal Architecture
43:25
Hussein Nasser
Рет қаралды 81 М.
5 Tips and Tricks To Make Your Life With Next js 14 Easier
17:11
developedbyed
Рет қаралды 29 М.
How to use Mongoose with Next js 14 +?
26:20
AyyazTech
Рет қаралды 5 М.
Watch This Before Using Django With MongoDB
9:18
Dennis Ivy
Рет қаралды 40 М.
RAG from the Ground Up with Python and Ollama
15:32
Decoder
Рет қаралды 23 М.
Nextjs 14 MongoDB Connection - Create Schemas and Fetch Data
24:52
Programming with Umair
Рет қаралды 12 М.