How to make a website multilingual (15 seconds video)

What did I just watch...?!?!

You just witnessed Kit55's Text Extraction Tool in action.

Extraction of text and generation of context.json

The tool first extracts all text from the HTML files of the project, including both pages and templates. It stores these text pieces as key/value pairs in a single JSON file called "context.json". The tool automatically generates keys for the text pieces. This file will be saved in <your_project>/src folder.

Then, the tool replaces all the extracted text pieces from pages and templates with references to the newly created JSON file.

Adding a new context file for the new language

Once the contex.json file is generated, Kit55 will retrieve all text from it during the page-building process. This file contains all your default language text.

Now, adding new languages to the project is straightforward. Simply duplicating the context.json file will include a new language on the site.

These new context.json files have to be named as context.<language>.json (i.e., context.de.json for German or context.jp.json for Japanese) so Kit55 can recognize them.

Kit55 will use <language> as a prefix for the newly generated site corresponding to that language.

So, for example, if you add the file context.de.json to your project, in addition to your English site pages built under <your_project>/src , Kit55 will construct a new site under <your_project>/src/de where all the text will be retrieved from context.de.json.