NextJS fetching DATA from MongoDB using getServerSideProps

Question

I am tryin to fetch user data from MongoDB database using getServerSideProps with dynamic path. Here is my code.

import dbConnect from 'lib/dbConnect'
import User from 'models/User' 

export default function refID({user}){
return(
    <>
    <p>USERID:{user.userID}</p>
    <p>USERNAME:{user.userName}</p>
    </>
);
}

export async function getServerSideProps({ params }) {
await dbConnect()
const user = await User.findOne({userID}).lean() 
user._id = user._id.toString()

return { props: { user } }
}

I have tried using hardcoded data.ie 'userID:S7L4SU' which works fine except that for only that one user.

How can I define the userID such that it fetches data for that ID ?I have tried couple of methods which resulted to errors..

Sample path:http://localhost:3000/p/[userID]

How will i get around for dynamic path to work for all users in the DATABASE??Help here

score 3 · Accepted Answer · edited Jun 06 '22 at 11:34

3

Try this:

export async function getServerSideProps(ctx) {
  const { userID } = ctx.query;
  await dbConnect()
  const user = await User.findOne({userID}).lean() 
  if (user !== null) {
    user._id = user._id.toString()
  }
  return { props: { user } }
}

edited Jun 06 '22 at 11:34

Corentin

23
4

answered Nov 19 '21 at 12:33

Alok p

614
5
18

Got this : `ReferenceError: query is not defined` – Alan Km Nov 19 '21 at 12:46
Please try updated code – Alok p Nov 19 '21 at 12:56
It works!! Thanks buddy! I've been stuck there whole day. – Alan Km Nov 19 '21 at 13:00
Should I do the casting manually?! Imagine if I'm using "find", should I loop over all the users returned from the query and cast each ID manually? – Mahmoud Nov 22 '22 at 06:11

NextJS fetching DATA from MongoDB using getServerSideProps

1 Answers1