[{"data":1,"prerenderedAt":100},["ShallowReactive",2],{"/2025/12/19-exploring-react-router-v7":3},{"id":4,"title":5,"body":6,"date":91,"description":88,"extension":92,"meta":93,"navigation":94,"path":95,"robots":96,"seo":97,"stem":98,"__hash__":99},"posts/2025/12/19 exploring-react-router-v7.md","19 Exploring React Router V7",{"type":7,"value":8,"toc":87},"minimark",[9,18,21,25,38,40,63,65,75,77],[10,11,13],"post-title",{":date":12},"date",[14,15,17],"h1",{"id":16},"exploring-react-router-v7","Exploring React Router v7",[19,20],"br",{},[22,23,24],"p",{},"Coming from React Router v6, the new version brings a lot of change. One of them is the various modes that we can use:",[26,27,28,32,35],"ul",{},[29,30,31],"li",{},"Framework",[29,33,34],{},"Data",[29,36,37],{},"Declarative",[19,39],{},[22,41,42,43,54,55,62],{},"From all of them, seems like Framework mode is the recommended and most comprehensive, so I start with that. However, the documentation is a little confusing for me. To start with, the installation instruction begins with a template. In my case, I want to start from scratch and I found it under upgrading: ",[44,45,48],"span",{"className":46},[47],"text-blue-600",[49,50,51],"a",{"href":51,"rel":52},"https://reactrouter.com/upgrading/component-routes",[53],"nofollow",". It is also to good to check the following page: ",[44,56,58],{"className":57},[47],[49,59,60],{"href":60,"rel":61},"https://reactrouter.com/how-to/route-module-type-safety",[53],".",[19,64],{},[22,66,67,68,62],{},"In my case, I want to use layout and the following page is a great help: ",[44,69,71],{"className":70},[47],[49,72,73],{"href":73,"rel":74},"https://reactrouter.com/start/framework/routing",[53],[19,76],{},[22,78,79,80,62],{},"When it finally works, I need to build the app. In my case, I want to use SSG, so I need to disable the SSR (Server Side Rendering) which is covered under: ",[44,81,83],{"className":82},[47],[49,84,85],{"href":85,"rel":86},"https://reactrouter.com/how-to/spa",[53],{"title":88,"searchDepth":89,"depth":89,"links":90},"",2,[],"2025-12-19T00:00:00.000Z","md",{},true,"/2025/12/19-exploring-react-router-v7",null,{"title":5,"description":88},"2025/12/19 exploring-react-router-v7","hq-uPo20ib7kr2glqXI40Bkp5VYYkbZAbXWF-I10haA",1785167452121]