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…
Смотрите видео DRY Next.js with Custom App & Custom Document ♻️ онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Johnny Magrippis 08 Ноябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,443 раз и оно понравилось 30 людям.