Better Routing in React with NextJS

The React Show

Contenuto fornito da Owl Creek Studios. Tutti i contenuti dei podcast, inclusi episodi, grafica e descrizioni dei podcast, vengono caricati e forniti direttamente da Owl Creek Studios o dal partner della piattaforma podcast. Se ritieni che qualcuno stia utilizzando la tua opera protetta da copyright senza la tua autorizzazione, puoi seguire la procedura descritta qui https://it.player.fm/legal.

2+ y ago 59:51

MP3•Pagina principale dell'episodio

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

Intro
Overview
What is routing? What are routes?
- routing is choosing which component to render for a given path and in nextjs, or API routes
- relevant multi-page apps
Before Nextjs
- vanilla react
- react router
- how to create routes
With Nextjs
- pages/routeName.js
- nesting
Dynamic Routes
- blog
- using getServerSideProps to load slug [slug].js from sanity
- getServerSideProps Redirect example
Opinions on: file based data-store / framework / NextJS
Api Routes
- api folder
- dynamic routes
  - auth0 library
Summary
Outro

Support the show

101 episodi

#Tech #Owl Creek Studios #React #Software #Frontend #Development #React Native #Agile #Scrum #Programming #Engineering #Business #Podcasting Education #Stack #Programme