Loading video player...
Master routing in Refine.js! In this video we cover how Refine's headless router-agnostic architecture works with React Router v6, Next.js pages/app directory, and Remix ā including automatic redirects, parameter detection, and utility hooks. In this video you'll learn: - How Refine routing is headless and router-agnostic - React Router v6 integration with Refine - Next.js pages/ and app/ directory routing - Remix app/routes/ setup - Automatic parameter detection - Redirect after mutation/authentication š RESOURCES: - Refine Routing Docs: https://refine.dev/docs/guides-concepts/routing - React Router: https://reactrouter.com/ - Next.js Docs: https://nextjs.org/docs - Remix Docs: https://remix.run/docs - Refine GitHub: https://github.com/refinedev/refine ā± TIMESTAMPS: 0:00 ā Intro 1:00 ā What is headless routing? 2:30 ā React Router integration 4:30 ā Next.js pages directory 6:00 ā Next.js app directory 7:30 ā Remix routing setup 9:00 ā Utility hooks & auto-redirects 10:30 ā Summary Refine.js routing, React Router Refine, Next.js Refine integration, Remix Refine, headless routing React, Refine.js tutorial 2025, React admin routing, full stack routing š¹ Google Gemini ā https://gemini.google.com š¹ Google Labs ā https://labs.google š¹ Whisk (Photoshoot feature) ā https://labs.google/fx/tools/whisk š¹ Google Flow (AI filmmaking, Veo 3.1) ā https://flow.google š¹ NotebookLM ā https://notebooklm.google.com š¹ Google Stitch ā https://stitch.withgoogle.com š¹ Project Genie ā https://labs.google/experiments š¹ Google AI Studio ā https://aistudio.google.com š¹ Google Beam ā https://beam.google #RefineJS #ReactRouter #NextJS #Remix #RoutingTutorial #ReactAdmin #FullStackDev #JavaScript #WebDevelopment