IF YOU CAN THINK OF A SIMPLER WAY, WE'LL GIVE YOU A JOB

How to make a website multilingual (15 seconds video)

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

You just saw Kit55's Text Extraction Tool at work.

Extraction of text and generation of context.json

The tool first extracts all text from the HTML files of the project, from both pages and templates, and stores all these text pieces in a single json file, contex.json, as key/value pairs. Keys are automatically generated by the tool. This file will be saved in <your_project>/src folder.

Then the tool replaces all the text pieces extracted 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 pull all text from it when building pages. This file contains all your default language text.

Now it is trivial to add new languages to the project. Simply duplicating the context.json file will add a new language to 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 new site generated for that new 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 build a new site under <your_project>/src/de where all the text will be pulled from context.de.json.

Learn More...