Internationalization (i18n) with Next.js!

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-features/i18n-routing Original Post: https://home.cern/science/computing/birth-web Demo: https://cern-next.vercel.app/ Demo Code: https://github.com/leerob/cern-next Accept-Language: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Accept-Language ––––– Blog: https://leerob.io/ Twitter: https://twitter.com/leeerob GitHub: https://github.com/leerob Course: https://react2025.com/