DRY Next.js with Custom App & Custom Document ♻️
Let's learn about Next.js' Custom App & Custom Document, so we can add a new page in our app while keeping things DRY (Don't Repeat Yourself)!
We've created a rudimentary Custom App already in a previous episode, to bring in our Tailwind styles, and we'll be greatly extending it today.
More exciting still, we'll create a Custom Document and get rid of that lint warning we got last episode, regarding where we've injected our Google Font!
More in our "An app with Next.js" series: • An App with Next.js
Highlighted software:
Next.js: https://nextjs.org
🎶 I've remixed "Late Nights" and "Descending" by Daxten for the background music 🎶
See the code: https://github.com/jmagrippis/eri
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
My own website: https://magrippis.com/
--
TIMESTAMPS
--
0:00 - Let's add a "Contact" page!
1:41 - Custom App for sharing body JSX
2:59 - Working with a Layout Component
4:09 - Custom Document for sharing meta, link & script tags
5:46 - Allowing for dynamic page titles and descriptions
7:51 - Next up…
Watch video DRY Next.js with Custom App & Custom Document ♻️ online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 08 November 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,443 once and liked it 30 people.