استخراج ال query من الرابط في nextjs

يمكنك فعل ذلك كالآتي

const app = next({ dev: process.env.NODE_ENV === 'development' });

app.prepare().then(() => {
  const server = express(); // إنشاء خادم اكسبرس
  server.get('/post/:id', (req, res) => {
    /* 
    إنشاء كائن وإضافة
    params و
    query 
    إليه
    */
    const queryParams =  Object.assign({}, req.params, req.query);
    /*
    نفترض أن المسار
    /pages/posts
    حيث يوجد كود الواجهة
    */
    app.render(req, res, '/posts', queryParams);
  });
});

بما أننا نستخدم nextjs يمكننا الحصول على ال query من خلال ال useRouter hook كالتالي

import { useRouter } from 'next/router' // hook نقوم باستدعاء ال 

const Index = () => {
  const router = useRouter()
  const {id} = router.query //query يمكننا هنا الوصول لل

  return(<div>{id}</div>)
}