other-emerald•3h ago
Does v5 work with nextjs 15 and shadcn?
Does v5 work with nextjs 15 and shadcn?
2 Replies
Hi @Peter. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Short answer: Yes for Next.js 15 (with notes); Shadcn integration exists; React Query v5 status is unclear.
- Next.js 15: Refine works with Next.js 15. There’s an official example for headless usage, and guidance notes that templates needed minor adjustments (e.g., await cookies()), with most issues tied to UI libs like Ant Design rather than Refine itself. You can start with the headless example:
npm create refine-app@latest -- --example with-nextjs-headless. [Next.js 15 issue; Next.js router docs] - Shadcn: Refine has an official Shadcn integration and a tutorial/example showing how to wire it up (Vite, Tailwind, tsconfig paths, etc.). [Shadcn + Refine blog; Integrating steps] - React Query v5: The sources only show a closed request asking for RQ v5 compatibility, without confirming official support. I’m sorry, but there’s no information here confirming Refine v5 (or its data hooks) run on TanStack Query v5. [RQ v5 issue] If your “v5” refers to Next.js, then yes—Next.js 15 works with Refine, and you can use it headlessly alongside Shadcn. If it refers to React Query v5, the knowledge sources don’t confirm compatibility. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
npm create refine-app@latest -- --example with-nextjs-headless. [Next.js 15 issue; Next.js router docs] - Shadcn: Refine has an official Shadcn integration and a tutorial/example showing how to wire it up (Vite, Tailwind, tsconfig paths, etc.). [Shadcn + Refine blog; Integrating steps] - React Query v5: The sources only show a closed request asking for RQ v5 compatibility, without confirming official support. I’m sorry, but there’s no information here confirming Refine v5 (or its data hooks) run on TanStack Query v5. [RQ v5 issue] If your “v5” refers to Next.js, then yes—Next.js 15 works with Refine, and you can use it headlessly alongside Shadcn. If it refers to React Query v5, the knowledge sources don’t confirm compatibility. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------
<@475844005892980745> Kapa.ai is still learning and improving, please let me know how I did by reacting below.