Translate Your Website with i18next

preview_player
Показать описание


Chapters
0:00 Introduction
0:13 Project setup overview
1:36 Creating i18n configuration file and setting it up
2:14 Local detection and region
3:33 Sub-path and domain routing
5:12 Displaying active locale
6:10 Locale switcher
8:27 Search Engine Optimization (SEO)
9:02 Installing dependencies for i18next
10:00 Setting up locales folder
12:27 Using variables with translation
14:42 Setting cookie to remember last switched locale
15:47 Conclusion
  1. Robin Vriens
  2. Internationalized Routing
  3. internationalization
  4. i18n
  5. i18next
  6. translation
Рекомендации по теме
Translate Your Website 0:16:10

Translate Your Website with i18next

react-i18next in 8 0:08:16

react-i18next in 8 minutes

Translating a Next 0:08:57

Translating a Next Js Website (App Router i18n)

Translate website content 0:17:44

Translate website content using Next.js internationalization and next-i18next

Internationalization in NextJs 0:28:40

Internationalization in NextJs 14 with Next-Intl | i18n

i18Next - Adding 0:18:37

i18Next - Adding translation support to my personal website

React i18next (Complete 0:31:11

React i18next (Complete Tutorial)

React multi-language tutorial 0:04:32

React multi-language tutorial

Translate Your React 0:05:58

Translate Your React App With i18next

Next.js App Router 0:29:32

Next.js App Router with i18next (Internationalization Tutorial)

i18next react tutorial 0:26:55

i18next react tutorial | how to translate website to another language in chrome | i18next react npm

Translating React apps 0:24:27

Translating React apps with I18next

Translating website using 0:15:40

Translating website using react-i18next

Translate Your Website 0:09:31

Translate Your Website Like a Pro with ChartGPT and i18n Localization

Low-code / No-code 0:06:22

Low-code / No-code website internationalization (i18n) with i18next

react-i18next with automatic 0:00:54

react-i18next with automatic machine translation

i18next Crash Course 0:21:16

i18next Crash Course | the JavaScript i18n framework

Google Translate API 0:04:42

Google Translate API - Adding Multiple Language Translation Feature to Your Website

Make the application 0:19:32

Make the application support more than one language || Using by i18next

🧽 What Is 0:04:11

🧽 What Is Internationalization (I18N) | Localization Basics

NextJS APP Router 0:21:48

NextJS APP Router | i18n Internationalization (i18next - next-intl) | Multiple languages (idioms)

Next.js App Directory 0:22:09

Next.js App Directory & i18n - Full Tutorial

React Multi Language 0:38:35

React Multi Language App - i18next Tutorial

React Multi Language 0:18:20

React Multi Language App - I18next Tutorial

Комментарии
Автор

Great tutorial. It's help me a lot. every minute very clear explain. Thank you so much

ungsamneng
Автор

Great tutorial. It's help me a lot. But how can we handle images? because when go to arabic/about page images goes 404 but on the English version about page it's working fine.
Please tell me how to resolve this bug.

m.sufyansheikh