routing-nextjs.js

function UserProfile({ user }) {
  return (
    <div>
      <h1>{user.name}</h1>
      <p>{user.bio}</p>
    </div>
  );
}

export async function getServerSideProps(context) {
  const { id } = context.query;

  // Fetch data for user with id
  const res = await fetch(`https://api.example.com/users/${id}`);
  const user = await res.json();

  return {
    props: {
      user,
    },
  };
}

export default UserProfile;