Adding Internationalization and SEO in Next.js 14
Reaching global audiences requires more than just translation. This course will teach you how to add internationalization (i18n) and optimize SEO in your Next.js application to boost search rankings and reach new audiences.
What you'll learn
Expanding a website to a global audience isn’t just about translation—it involves tailoring the user experience and optimizing visibility across different regions. In this course, Adding Internationalization and SEO in Next.js 14, you’ll learn to enhance your Next.js application to effectively reach global users and improve its discoverability. First, you’ll explore how to support multiple languages with the Next.js app router from the perspective of an e-commerce site. Next, you’ll discover how to make internationalization easier using next-intl. Finally, you’ll learn how to customize SEO metadata, like creating dynamic social sharing images and richer search results. When you’re finished with this course, you’ll have the skills and knowledge to implement internationalization and SEO strategies to extend your application’s reach and performance.
Table of contents
- Introducing the Pluralsight Commerce Demo 2m
- Adding a Locale Route 3m
- Adding Locale Routing Middleware 3m
- Skipping Locale Handling for Special Routes 3m
- Testing Language Preferences in the Browser 1m
- Adding Translations on the Client and Server 4m
- Handling Locale Navigation with Links 3m
- Simplifying i18n with next-intl 7m
- Introducing Metadata APIs in Next.js 1m
- Implementing Static Page Metadata 2m
- Implementing Dynamic Page Metadata 1m
- Supporting Rich Search Results with JSON-LD 3m
- Supporting Social Metadata with OpenGraph 3m
- Generating Dynamic OpenGraph Images 4m
- Implementing a Basic Sitemap 2m
- Implementing a Dynamic Sitemap 1m
- Implementing Multiple Sitemaps 3m
- Adding Localization Metadata with Alternate Links 4m
- Recap 2m