Internationalization (i18n) with Next.js!

Published: 22 December 2020
on channel: leerob
56,240
1.4k

Learn how to use Internationalized Routing with Next.js to support multiple languages on your site!

0:00 – Introduction
0:46 – Routing + Localization
1:04 – Example Site We're Rebuilding (Before)
2:22 – Next.js + Tailwind i18n Demo (After)
3:07 – Enable Multiple Languages with Subpath Routing
4:34 – HTTP Accept-Language Header
5:29 – Localizing Content
6:56 – Routing to Other Languages
8:06 – Next.js Image Component, Pre-Rendering
8:57 – Conclusion

Links
–––––
Next.js 10: http://nextjs.org/10
Docs: https://nextjs.org/docs/advanced-feat...
Original Post: https://home.cern/science/computing/b...
Demo: https://cern-next.vercel.app/
Demo Code: https://github.com/leerob/cern-next
Accept-Language: https://developer.mozilla.org/en-US/d...

–––––
Blog: https://leerob.io/
Twitter:   / leeerob  
GitHub: https://github.com/leerob
Course: https://react2025.com/


Watch video Internationalization (i18n) with Next.js! online without registration, duration hours minute second in high quality. This video was added by user leerob 22 December 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 56,240 once and liked it 1.4 thousand people.