Do you find React Router cumbersome or tedious to work with sometimes? Or are you just curious how routing could be done better? In this episode we take a look at how routing is done in NextJS. We discuss what it looks like and how to use it. And we also offer our opinions on the NextJS routing mechanism itself. Show Notes<ul><li>Intro</li><li>Overview</li><li>What is routing? What are routes?<ul><li>routing is choosing which component to render for a given path and in nextjs,  or API routes</li><li>relevant multi-page apps</li></ul></li><li>Before Nextjs<ul><li>vanilla react</li><li>react router</li><li>how to create routes</li></ul></li><li>With Nextjs<ul><li>pages/routeName.js</li><li>nesting</li></ul></li><li>Dynamic Routes<ul><li>blog</li><li>using getServerSideProps to load slug [slug].js from sanity</li><li>getServerSideProps Redirect example</li></ul></li><li>Opinions on: file based data-store / framework / NextJS</li><li>Api Routes<ul><li>api folder</li><li>dynamic routes<ul><li>auth0 library</li></ul></li></ul></li><li>Summary</li><li>Outro</li></ul><a rel="payment" href="https://www.thereactshow.com/support">Support the show</a>

Is Your React App Killing The Planet?

Discussions about React, JavaScript, and web development by React experts with a focus on diving deep into learning React and discussing what it's like to work within the React industry.