diff --git a/.circleci/config.yml b/.circleci/config.yml
index 5d2c216e8b..2af3f02047 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -53,6 +53,7 @@ stages:
           set -euo pipefail
           docker-compose build
           docker-compose run web npm run build-release
+        no_output_timeout: 30m
       - type: shell
         name: Start environment
         command: |
diff --git a/docker-compose.yml b/docker-compose.yml
index 0f8f5cb700..ad0a83a633 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -22,6 +22,7 @@ services:
       - './config:/home/config'
       - './web/generate-geometries.js:/home/web/generate-geometries.js'
       - './web/locales:/home/web/locales'
+      - './web/locales-config.json:/home/web/locales-config.json'
       - './web/package.json:/home/web/package.json'
       - './web/public:/home/web/public'
       - './web/server.js:/home/web/server.js'
diff --git a/mobileapp/build.sh b/mobileapp/build.sh
index d7fd5ba90d..0b286b3ac2 100755
--- a/mobileapp/build.sh
+++ b/mobileapp/build.sh
@@ -9,6 +9,7 @@ docker cp $CONTAINER_ID:/home/web/public/ www/electricitymap
 
 rm -rf locales || true
 docker cp $CONTAINER_ID:/home/web/locales/ .
+docker cp $CONTAINER_ID:/home/web/locales-config.json ./locales-config.json
 docker cp $CONTAINER_ID:/home/web/src .
 
 docker rm $CONTAINER_ID
diff --git a/mobileapp/generate-index.js b/mobileapp/generate-index.js
index 50bafece4f..205c9e67e5 100644
--- a/mobileapp/generate-index.js
+++ b/mobileapp/generate-index.js
@@ -1,85 +1,63 @@
 var ejs = require('ejs');
 var fs = require('fs');
 var i18n = require('i18n');
+const { vsprintf } = require('sprintf-js');
 
-// Custom module
-var translation = require(__dirname + '/src/helpers/translation');
+const STATIC_PATH = 'www/electricitymap';
 
-// duplicated from server.js
-function getHash(key, ext) {
-    var filename;
-    if (typeof obj.assetsByChunkName[key] == 'string') {
-        filename = obj.assetsByChunkName[key];
-    } else {
-        // assume list
-        filename = obj.assetsByChunkName[key]
-            .filter((d) => d.match(new RegExp('\.' + ext + '$')))[0]
-    }
-    return filename.replace('.' + ext, '').replace(key + '.', '');
+const {
+  localeToFacebookLocale,
+  supportedFacebookLocales,
+  languageNames,
+} = require('./locales-config.json');
+
+const locales = Object.keys(languageNames);
+
+/*
+Note: Translation function should be removed and
+let the client deal with all translations / formatting of ejs
+*/
+const localeConfigs = {};
+locales.forEach((d) => {
+  localeConfigs[d] = require(`${__dirname}/locales/${d}.json`);
+});
+function translateWithLocale(locale, keyStr) {
+  const keys = keyStr.split('.');
+  let result = localeConfigs[locale];
+  for (let i = 0; i < keys.length; i += 1) {
+    if (result == null) { break; }
+    result = result[keys[i]];
+  }
+  if (locale !== 'en' && !result) {
+    return translateWithLocale('en', keyStr);
+  }
+  const formatArgs = Array.prototype.slice.call(arguments).slice(2); // remove 2 first
+  return result && vsprintf(result, formatArgs);
 }
-var obj = JSON.parse(fs.readFileSync('www/electricitymap/dist/manifest.json'));
-var BUNDLE_HASH = getHash('bundle', 'js');
-var STYLES_HASH = getHash('styles', 'css');
-var VENDOR_HASH = getHash('vendor', 'js');
-var VENDOR_STYLES_HASH = getHash('vendor', 'css');
 
-// TODO:
-// Currently, those variables are duplicated from server.js
-// We should instead have a central configuration file in the `config` folder
-var locales = ['ar', 'cs', 'da', 'de', 'en', 'es', 'fr', 'hr', 'it', 'ja', 'kr', 'nl', 'pl', 'pt-br', 'ru', 'sv', 'sk', 'vi', 'zh-cn', 'zh-hk', 'zh-tw'];
-var LOCALE_TO_FB_LOCALE = {
-    'ar': 'ar_AR',
-    'cs':'cs_CZ',
-    'da': 'da_DK',
-    'de': 'de_DE',
-    'en': 'en_US',
-    'es': 'es_ES',
-    'fr': 'fr_FR',
-    'hr': 'hr_HR',
-    'it': 'it_IT',
-    'ja': 'ja_JP',
-    'kr': 'kr_KR',
-    'nl': 'nl_NL',
-    'pt-br': 'pt_BR',
-    'pl': 'pl_PL',
-    'ru': 'ru_RU',
-    'sk': 'sk_SK',
-    'sv': 'sv_SE',
-    'vn': 'vi_VN',
-    'zh-cn': 'zh_CN',
-    'zh-hk': 'zh_HK',
-    'zh-tw': 'zh_TW',
-};
-var SUPPORTED_FB_LOCALES = [
-    'ar_AR',
-    'cs_CZ',
-    'da_DK',
-    'de_DE',
-    'es_ES',
-    'es_LA',
-    'es_MX',
-    'en_GB',
-    'en_PI',
-    'en_UD',
-    'en_US',
-    'fr_CA',
-    'fr_FR',
-    'hr_HR',
-    'it_IT',
-    'ja_JP',
-    'kr_KR',
-    'nl_BE',
-    'nl_NL',
-    'pl_PL',
-    'pt_BR',
-    'ru_RU',
-    'sk_SK',
-    'sv_SE',
-    'vi_VN',
-    'zh_CN',
-    'zh_HK',
-    'zh_TW',
-];
+// duplicated from server.js
+// * Long-term caching
+function getHash(key, ext, obj) {
+  let filename;
+  if (typeof obj.assetsByChunkName[key] == 'string') {
+    filename = obj.assetsByChunkName[key];
+  } else {
+    // assume list
+    filename = obj.assetsByChunkName[key]
+      .filter((d) => d.match(new RegExp('\.' + ext + '$')))[0]
+  }
+  return filename.replace('.' + ext, '').replace(key + '.', '');
+}
+const srcHashes = Object.fromEntries(locales.map((k) => {
+  const obj = JSON.parse(fs.readFileSync(`${STATIC_PATH}/dist/manifest_${k}.json`));
+  const BUNDLE_HASH = getHash('bundle', 'js', obj);
+  const STYLES_HASH = getHash('styles', 'css', obj);
+  const VENDOR_HASH = getHash('vendor', 'js', obj);
+  const VENDOR_STYLES_HASH = getHash('vendor', 'css', obj);
+  return [k, {
+    BUNDLE_HASH, STYLES_HASH, VENDOR_HASH, VENDOR_STYLES_HASH,
+  }];
+}));
 
 // * i18n
 i18n.configure({
@@ -97,20 +75,20 @@ locales.forEach(function(locale) {
     var template = ejs.compile(fs.readFileSync('../web/views/pages/index.ejs', 'utf8'));
     var html = template({
         alternateUrls: [],
-        bundleHash: BUNDLE_HASH,
-        vendorHash: VENDOR_HASH,
-        stylesHash: STYLES_HASH,
-        vendorStylesHash: VENDOR_STYLES_HASH,
+        bundleHash: srcHashes[locale].BUNDLE_HASH,
+        vendorHash: srcHashes[locale].VENDOR_HASH,
+        stylesHash: srcHashes[locale].STYLES_HASH,
+        vendorStylesHash: srcHashes[locale].VENDOR_STYLES_HASH,
         isCordova: true,
         locale: locale,
-        FBLocale: LOCALE_TO_FB_LOCALE[locale],
+        FBLocale: localeToFacebookLocale[locale],
         supportedLocales: locales,
-        supportedFBLocales: SUPPORTED_FB_LOCALES,
+        supportedFBLocales: supportedFacebookLocales,
         '__': function() {
             var argsArray = Array.prototype.slice.call(arguments);
             // Prepend the first argument which is the locale
             argsArray.unshift(locale);
-            return translation.translateWithLocale.apply(null, argsArray);
+            return translateWithLocale.apply(null, argsArray);
         }
     });
 
diff --git a/mobileapp/www/index.html b/mobileapp/www/index.html
index ef9377172e..856214bf05 100644
--- a/mobileapp/www/index.html
+++ b/mobileapp/www/index.html
@@ -1,8 +1,8 @@
 <html>
   <script>
       document.addEventListener('deviceready', onDeviceReady, false);
-      // Warning: those locales are duplicated from server.js
-      var locales = ['ar', 'cs', 'da', 'de', 'en', 'es', 'fr', 'hr', 'it', 'ja', 'nl', 'pl', 'pt-br', 'ru', 'sv', 'sk', 'zh-cn', 'zh-hk', 'zh-tw'];
+      // Warning: those locales are duplicated from locales-config.json
+      var locales = ['ar', 'cs', 'da', 'de', 'en', 'es', 'fr', 'hr', 'it', 'ja', 'nl', 'pl', 'pt-br', 'ru', 'sk', 'sv', 'vi', 'zh-cn', 'zh-hk', 'zh-tw'];
       function onDeviceReady() {
         var Sentry = cordova.require("sentry-cordova.Sentry");
         Sentry.init({ dsn: 'https://c6e9e4041eb74d22803b3f2bfb0c794d@sentry.io/1829181' });
diff --git a/web/Dockerfile b/web/Dockerfile
index e351ddeacc..a11705e692 100644
--- a/web/Dockerfile
+++ b/web/Dockerfile
@@ -1,8 +1,8 @@
-FROM node:10.15.3
+FROM node:12.13.1
 WORKDIR /home/web
 
 # Install dependencies
-RUN apt-get update && apt-get install -y unzip
+RUN apt-get update && apt-get install -y jq unzip
 ADD web/package.json /home/web/package.json
 ADD web/yarn.lock /home/web/yarn.lock
 RUN yarn
diff --git a/web/locales-config.json b/web/locales-config.json
new file mode 100644
index 0000000000..8ab39f0f98
--- /dev/null
+++ b/web/locales-config.json
@@ -0,0 +1,78 @@
+{
+  "localeToFacebookLocale": {
+    "ar": "ar_AR",
+    "cs": "cs_CZ",
+    "da": "da_DK",
+    "de": "de_DE",
+    "en": "en_US",
+    "es": "es_ES",
+    "fr": "fr_FR",
+    "hr": "hr_HR",
+    "it": "it_IT",
+    "ja": "ja_JP",
+    "kr": "kr_KR",
+    "nl": "nl_NL",
+    "pt-br": "pt_BR",
+    "pl": "pl_PL",
+    "ru": "ru_RU",
+    "sk": "sk_SK",
+    "sv": "sv_SE",
+    "vn": "vi_VN",
+    "zh-cn": "zh_CN",
+    "zh-hk": "zh_HK",
+    "zh-tw": "zh_TW"
+  },
+  "supportedFacebookLocales": [
+    "ar_AR",
+    "cs_CZ",
+    "da_DK",
+    "de_DE",
+    "es_ES",
+    "es_LA",
+    "es_MX",
+    "en_GB",
+    "en_PI",
+    "en_UD",
+    "en_US",
+    "fr_CA",
+    "fr_FR",
+    "hr_HR",
+    "it_IT",
+    "ja_JP",
+    "kr_KR",
+    "nl_BE",
+    "nl_NL",
+    "pl_PL",
+    "pt_BR",
+    "ru_RU",
+    "sk_SK",
+    "sv_SE",
+    "vi_VN",
+    "zh_CN",
+    "zh_HK",
+    "zh_TW"
+  ],
+  "languageNames": {
+    "ar": "اللغة العربية الفصحى",
+    "cs": "Čeština",
+    "da": "Dansk",
+    "de": "Deutsch",
+    "en": "English",
+    "es": "Español",
+    "fr": "Français",
+    "hr": "Hrvatski",
+    "it": "Italiano",
+    "ja": "日本語",
+    "kr": "한국어",
+    "nl": "Nederlands",
+    "pl": "Polski",
+    "pt-br": "Português (Brazilian)",
+    "ru": "Русский язык",
+    "sk": "Slovenčina",
+    "sv": "Svenska",
+    "vi": "Tiếng Việt",
+    "zh-cn": "中文 (Mainland China)",
+    "zh-hk": "中文 (Hong Kong)",
+    "zh-tw": "中文 (Taiwan)"
+  }
+}
diff --git a/web/package.json b/web/package.json
index 64a9f79f77..e55061b6dc 100644
--- a/web/package.json
+++ b/web/package.json
@@ -32,6 +32,7 @@
     "react-redux": "^7.1.3",
     "redux": "^3.7.2",
     "redux-logger": "^3.0.6",
+    "sprintf-js": "^1.1.2",
     "topojson": "^3.0.2"
   },
   "devDependencies": {
@@ -62,7 +63,7 @@
   },
   "scripts": {
     "build-debug": "webpack --bail --progress --mode development",
-    "build-release": "NODE_ENV=production webpack --mode production --bail",
+    "build-release": "export NODE_ENV=production && cat locales-config.json| jq '.languageNames | keys[]' | xargs -L1 -I {} node_modules/.bin/webpack --mode production --bail --config-name {}",
     "clean": "mkdir -p public/dist && rm public/dist/bundle.*.js",
     "eslint": "eslint src",
     "server-dev": "nodemon server.js",
diff --git a/web/server.js b/web/server.js
index e0eae9ff4e..5483262aaa 100644
--- a/web/server.js
+++ b/web/server.js
@@ -7,10 +7,16 @@ const fs = require('fs');
 const http = require('http');
 const i18n = require('i18n');
 const auth = require('basic-auth');
+const { vsprintf } = require('sprintf-js');
+const { version } = require('./package.json');
 
 // Custom module
-const translation = require(__dirname + '/src/helpers/translation');
 const { getTranslationStatusJSON, getTranslationStatusSVG } = require(__dirname + '/translation-status');
+const {
+  localeToFacebookLocale,
+  supportedFacebookLocales,
+  languageNames,
+} = require('./locales-config.json');
 
 const app = express();
 const server = http.Server(app);
@@ -31,7 +37,7 @@ app.use((req, res, next) => {
 app.set('view engine', 'ejs');
 
 // * i18n
-const locales = ['ar', 'cs', 'da', 'de', 'en', 'es', 'fr', 'hr', 'it', 'ja', 'kr', 'nl', 'pl', 'pt-br', 'ru', 'sv', 'sk', 'vi', 'zh-cn', 'zh-hk', 'zh-tw'];
+const locales = Object.keys(languageNames);
 i18n.configure({
   // where to store json files - defaults to './locales' relative to modules directory
   // note: detected locales are always lowercase
@@ -44,66 +50,36 @@ i18n.configure({
 });
 
 app.use(i18n.init);
-const LOCALE_TO_FB_LOCALE = {
-  'ar': 'ar_AR',
-  'cs':'cs_CZ',
-  'da': 'da_DK',
-  'de': 'de_DE',
-  'en': 'en_US',
-  'es': 'es_ES',
-  'fr': 'fr_FR',
-  'hr': 'hr_HR',
-  'it': 'it_IT',
-  'ja': 'ja_JP',
-  'kr': 'kr_KR',
-  'nl': 'nl_NL',
-  'pt-br': 'pt_BR',
-  'pl': 'pl_PL',
-  'ru': 'ru_RU',
-  'sk': 'sk_SK',
-  'sv': 'sv_SE',
-  'vn': 'vi_VN',
-  'zh-cn': 'zh_CN',
-  'zh-hk': 'zh_HK',
-  'zh-tw': 'zh_TW',
-};
+// For supportedFacebookLocales:
 // Populate using
 // https://developers.facebook.com/docs/messenger-platform/messenger-profile/supported-locales/
 // and re-crawl using
 // http POST https://graph.facebook.com\?id\=https://www.electricitymap.org\&amp\;scrape\=true\&amp\;locale\=\en_US,fr_FR,it_IT.......
-const SUPPORTED_FB_LOCALES = [
-  'ar_AR',
-  'cs_CZ',
-  'da_DK',
-  'de_DE',
-  'es_ES',
-  'es_LA',
-  'es_MX',
-  'en_GB',
-  'en_PI',
-  'en_UD',
-  'en_US',
-  'fr_CA',
-  'fr_FR',
-  'hr_HR',
-  'it_IT',
-  'ja_JP',
-  'kr_KR',
-  'nl_BE',
-  'nl_NL',
-  'pl_PL',
-  'pt_BR',
-  'ru_RU',
-  'sk_SK',
-  'sv_SE',
-  'vi_VN',
-  'zh_CN',
-  'zh_HK',
-  'zh_TW',
-];
+
+/*
+Note: Translation function should be removed and
+let the client deal with all translations / formatting of ejs
+*/
+const localeConfigs = {};
+locales.forEach((d) => {
+  localeConfigs[d] = require(`${__dirname}/locales/${d}.json`);
+});
+function translateWithLocale(locale, keyStr) {
+  const keys = keyStr.split('.');
+  let result = localeConfigs[locale];
+  for (let i = 0; i < keys.length; i += 1) {
+    if (result == null) { break; }
+    result = result[keys[i]];
+  }
+  if (locale !== 'en' && !result) {
+    return translateWithLocale('en', keyStr);
+  }
+  const formatArgs = Array.prototype.slice.call(arguments).slice(2); // remove 2 first
+  return result && vsprintf(result, formatArgs);
+}
 
 // * Long-term caching
-function getHash(key, ext) {
+function getHash(key, ext, obj) {
   let filename;
   if (typeof obj.assetsByChunkName[key] == 'string') {
     filename = obj.assetsByChunkName[key];
@@ -114,11 +90,16 @@ function getHash(key, ext) {
   }
   return filename.replace('.' + ext, '').replace(key + '.', '');
 }
-const obj = JSON.parse(fs.readFileSync(STATIC_PATH + '/dist/manifest.json'));
-const BUNDLE_HASH = getHash('bundle', 'js');
-const STYLES_HASH = getHash('styles', 'css');
-const VENDOR_HASH = getHash('vendor', 'js');
-const VENDOR_STYLES_HASH = getHash('vendor', 'css');
+const srcHashes = Object.fromEntries(locales.map((k) => {
+  const obj = JSON.parse(fs.readFileSync(`${STATIC_PATH}/dist/manifest_${k}.json`));
+  const BUNDLE_HASH = getHash('bundle', 'js', obj);
+  const STYLES_HASH = getHash('styles', 'css', obj);
+  const VENDOR_HASH = getHash('vendor', 'js', obj);
+  const VENDOR_STYLES_HASH = getHash('vendor', 'css', obj);
+  return [k, {
+    BUNDLE_HASH, STYLES_HASH, VENDOR_HASH, VENDOR_STYLES_HASH,
+  }];
+}));
 
 // * Error handling
 function handleError(err) {
@@ -126,15 +107,15 @@ function handleError(err) {
   console.error(err);
 }
 
-app.get('/health', (req, res) => res.json({status: 'ok'}));
-app.get('/clientVersion', (req, res) => res.send(BUNDLE_HASH));
+app.get('/health', (req, res) => res.json({ status: 'ok' }));
+app.get('/clientVersion', (req, res) => res.send(version));
 
 // Translation status API
 app.get('/translationstatus/badges.svg', (req, res) => {
   res.set('Content-Type', 'image/svg+xml;charset=utf-8');
   res.end(getTranslationStatusSVG());
 });
-app.get('/translationstatus', (req, res) => res.json(getTranslationStatusJSON()));
+app.get('/translationstatus', (req, res) => res.json(getTranslationStatusJSON(locales)));
 app.get('/translationstatus/:language', (req, res) => res.json(getTranslationStatusJSON(req.params.language)));
 
 app.get('/', (req, res) => {
@@ -199,20 +180,20 @@ app.get('/', (req, res) => {
           }
         }
       }),
-      bundleHash: BUNDLE_HASH,
-      vendorHash: VENDOR_HASH,
-      stylesHash: STYLES_HASH,
-      vendorStylesHash: VENDOR_STYLES_HASH,
+      bundleHash: srcHashes[locale].BUNDLE_HASH,
+      vendorHash: srcHashes[locale].VENDOR_HASH,
+      stylesHash: srcHashes[locale].STYLES_HASH,
+      vendorStylesHash: srcHashes[locale].VENDOR_STYLES_HASH,
       fullUrl,
       locale,
       supportedLocales: locales,
-      FBLocale: LOCALE_TO_FB_LOCALE[locale],
-      supportedFBLocales: SUPPORTED_FB_LOCALES,
+      FBLocale: localeToFacebookLocale[locale],
+      supportedFBLocales: supportedFacebookLocales,
       '__': function() {
         const argsArray = Array.prototype.slice.call(arguments);
         // Prepend the first argument which is the locale
         argsArray.unshift(locale);
-        return translation.translateWithLocale.apply(null, argsArray);
+        return translateWithLocale.apply(null, argsArray);
       },
     });
   }
@@ -222,10 +203,8 @@ app.get('/v1/*', (req, res) =>
 app.get('/v2/*', (req, res) =>
   res.redirect(301, `https://api.electricitymap.org${req.originalUrl}`));
 app.all('/dist/*.map', (req, res, next) => {
-  // Allow bugsnag (2 first) + sentry
+  // Allow sentry
   if ([
-    '104.196.245.109',
-    '104.196.254.247',
     '35.184.238.160',
     '104.155.159.182',
     '104.155.149.19',
diff --git a/web/src/components/languageselect.js b/web/src/components/languageselect.js
index 5fa5c918b6..0ec14117a9 100644
--- a/web/src/components/languageselect.js
+++ b/web/src/components/languageselect.js
@@ -1,5 +1,3 @@
-const translation = require('../helpers/translation');
-
 const d3 = Object.assign(
   {},
   require('d3-array'),
@@ -7,6 +5,8 @@ const d3 = Object.assign(
   require('d3-selection'),
 );
 
+const { languageNames } = require('../../locales-config.json');
+
 export default class LanguageSelect {
   constructor(selectorId) {
     this.selectorId = selectorId;
@@ -23,7 +23,7 @@ export default class LanguageSelect {
   _createListItems() {
     this.selector = d3.select(this.selectorId)
       .selectAll('li')
-      .data(translation.languageNames);
+      .data(Object.entries(languageNames));
 
     const itemLinks = this.selector.enter().append('li');
 
@@ -32,14 +32,14 @@ export default class LanguageSelect {
   }
 
   _setItemNames() {
-    this.selector.text(language => language.name);
+    this.selector.text(([key, language]) => language);
   }
 
   _setItemClickHandlers() {
-    if(window.isCordova){
-      this.selector.on('click', language => window.location.href = `index_${language.shortName}.html`);
-    }else{
-      this.selector.on('click', language => window.location.href = `${window.location.href}&lang=${language.shortName}`);
+    if (window.isCordova) {
+      this.selector.on('click', ([key, language]) => { window.location.href = `index_${key}.html`; });
+    } else {
+      this.selector.on('click', ([key, language]) => { window.location.href = `${window.location.href}&lang=${key}`; });
     }
   }
 }
diff --git a/web/src/helpers/translation.js b/web/src/helpers/translation.js
index 64b1d5815c..917f2afa80 100644
--- a/web/src/helpers/translation.js
+++ b/web/src/helpers/translation.js
@@ -1,36 +1,36 @@
-var exports = module.exports = {};
+const exports = module.exports = {};
 
-const LOCALES_LIST = ['ar', 'cs', 'da', 'de', 'en', 'es', 'fr', 'hr', 'it', 'ja', 'kr', 'nl', 'pl', 'pt-br', 'ru', 'sk', 'sv', 'vi', 'zh-cn', 'zh-hk', 'zh-tw'];
-
-// Import all locales
-var locales = {};
-LOCALES_LIST.forEach(function(d) {
-    locales[d] = require('../../locales/' + d + '.json');
-})
-var vsprintf = require('sprintf-js').vsprintf;
+// Import locales required
+const locales = {
+  'en': require('../../locales/en.json'),
+  [locale]: require(`../../locales/${locale}.json`),
+};
+const { vsprintf } = require('sprintf-js');
 
-exports.translateWithLocale = function translate(locale, keyStr) {
-    var keys = keyStr.split('.');
-    var result = locales[locale];
-    for (var i = 0; i < keys.length; i++) {
-        if (result == undefined) { break }
-        result = result[keys[i]];
-    }
-    if (locale != 'en' && !result) {
-        return exports.translateWithLocale('en', keyStr);
-    } else {
-        var formatArgs = Array.prototype.slice.call(arguments).slice(2); // remove 2 first
-        return result && vsprintf(result, formatArgs);
-    }
-}
-exports.translate = function() {
-    // Will use the `locale` global variable
-    var args = Array.prototype.slice.call(arguments);
-    // Prepend locale
-    args.unshift(locale)
-    return exports.translateWithLocale.apply(null, args);
+function translateWithLocale(locale, keyStr) {
+  const keys = keyStr.split('.');
+  let result = locales[locale];
+  for (let i = 0; i < keys.length; i += 1) {
+    if (result == null) { break; }
+    result = result[keys[i]];
+  }
+  if (locale !== 'en' && !result) {
+    return translateWithLocale('en', keyStr);
+  }
+  const formatArgs = Array.prototype.slice.call(arguments).slice(2); // remove 2 first
+  return result && vsprintf(result, formatArgs);
 }
 
+exports.translate = function translate() {
+  // Will use the `locale` global variable
+  const args = Array.prototype.slice.call(arguments);
+  // Prepend locale
+  args.unshift(locale);
+  return translateWithLocale.apply(null, args);
+};
+
+// exports.translate = function(arg) { return __(`abc${arg}`) };
+
 exports.getFullZoneName = function getFullZoneName(zoneCode) {
   const zoneName = exports.translate(`zoneShortName.${zoneCode}.zoneName`);
   if (!zoneName) {
@@ -42,29 +42,3 @@ exports.getFullZoneName = function getFullZoneName(zoneCode) {
   }
   return `${zoneName} (${countryName})`;
 };
-
-
-exports.languageNames = [
-  { shortName: 'ar', name: 'اللغة العربية الفصحى' },
-  { shortName: 'cs', name: 'Čeština' },
-  { shortName: 'da', name: 'Dansk' },
-  { shortName: 'de', name: 'Deutsch' },
-  { shortName: 'en', name: 'English' },
-  { shortName: 'es', name: 'Español' },
-  { shortName: 'fr', name: 'Français' },
-  { shortName: 'hr', name: 'Hrvatski' },
-  { shortName: 'it', name: 'Italiano' },
-  { shortName: 'ja', name: '日本語' },
-  { shortName: 'kr', name: '한국어' },
-  { shortName: 'nl', name: 'Nederlands' },
-  { shortName: 'pl', name: 'Polski' },
-  { shortName: 'pt-br', name: 'Português (Brazilian)' },
-  { shortName: 'ru', name: 'Русский язык' },
-  { shortName: 'sk', name: 'Slovenčina' },
-  { shortName: 'sv', name: 'Svenska' },
-  { shortName: 'zh-cn', name: '中文 (Mainland China)' },
-  { shortName: 'zh-hk', name: '中文 (Hong Kong)' },
-  { shortName: 'zh-tw', name: '中文 (Taiwan)' },
-];
-
-exports.LOCALES_LIST = LOCALES_LIST;
diff --git a/web/src/main.js b/web/src/main.js
index 910b949a75..da14a7a2c7 100644
--- a/web/src/main.js
+++ b/web/src/main.js
@@ -717,7 +717,7 @@ function dataLoaded(err, clientVersion, callerLocation, callerZone, state, argSo
   // Is there a new version?
   d3.select('#new-version')
     .classed('active', (
-      clientVersion !== getState().application.bundleHash &&
+      clientVersion !== getState().application.version &&
       !getState().application.isLocalhost && !getState().application.isCordova
     ));
 
diff --git a/web/src/reducers/index.js b/web/src/reducers/index.js
index 261ae3575f..36c018f6a6 100644
--- a/web/src/reducers/index.js
+++ b/web/src/reducers/index.js
@@ -17,6 +17,7 @@ const cookieGetBool = (key, defaultValue) => {
 const initialApplicationState = {
   // Here we will store non-data specific state (to be sent in analytics and crash reporting)
   bundleHash: window.bundleHash,
+  version: VERSION,
   callerLocation: null,
   callerZone: null,
   clientType: window.isCordova ? 'mobileapp' : 'web',
diff --git a/web/translation-status.js b/web/translation-status.js
index 833a56c732..1892d017a3 100644
--- a/web/translation-status.js
+++ b/web/translation-status.js
@@ -1,5 +1,4 @@
 const { reverse, flatMap, difference, size, sortBy } = require('lodash');
-const { LOCALES_LIST } = require('./src/helpers/translation');
 
 // Gets all deepest level keys from a JSON (they stand for concrete translated terms)
 function getDeepKeysFromJSON(data, prefix = '') {
@@ -36,13 +35,13 @@ function toPercent(json) {
   };
 }
 
-function getTranslationStatusJSON(language) {
-  if (language) {
-    return toPercent(translationStatusFor(language));
+function getTranslationStatusJSON(languages) {
+  if (languages && languages.length) {
+    return toPercent(translationStatusFor(languages[0]));
   }
   // If the language is not specified, list statuses for all
   // locales in descending order by translation percentage.
-  return reverse(sortBy(LOCALES_LIST.map(translationStatusFor), 'translated')).map(toPercent);
+  return reverse(sortBy(languages.map(translationStatusFor), 'translated')).map(toPercent);
 }
 
 // A link to a custom generated badge (https://github.com/badges/shields) based on translation.
diff --git a/web/views/pages/index.ejs b/web/views/pages/index.ejs
index 2df3db5182..45df5d0751 100644
--- a/web/views/pages/index.ejs
+++ b/web/views/pages/index.ejs
@@ -52,8 +52,8 @@ co2Sub = function(str) {
         <meta name="theme-color" content="#ffffff">
 
         <!-- CSS -->
-        <link rel="stylesheet" type="text/css" href="dist/<%= stylesHash %>.css">
-        <link rel="stylesheet" type="text/css" href="dist/<%= vendorStylesHash %>.css">
+        <link rel="stylesheet" type="text/css" href="dist/styles.<%= stylesHash %>.css">
+        <link rel="stylesheet" type="text/css" href="dist/vendor.<%= vendorStylesHash %>.css">
 
         <!-- Fonts -->
         <link href="css/OpenSansFont.css" rel="stylesheet">
diff --git a/web/webpack.config.js b/web/webpack.config.js
index 6263891fba..6ba40dcf19 100644
--- a/web/webpack.config.js
+++ b/web/webpack.config.js
@@ -1,12 +1,19 @@
 const webpack = require('webpack');
 const fs = require('fs');
-const glob = require('glob');
 
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 const isProduction = process.env.NODE_ENV === 'production';
+const { languageNames } = require('./locales-config.json');
 
-module.exports = {
+const { version } = require('./package.json');
+
+/*
+  Note exporting a config per language makes the build slower.
+  Sequential builds are faster (using jq and `--config-name`)
+*/
+module.exports = Object.keys(languageNames).map(locale => ({
+  name: locale,
   devtool: isProduction ? 'sourcemap' : 'eval',
   entry: { bundle: ['@babel/polyfill', './src/main.js'], styles: './src/styles.css' },
   module: {
@@ -18,34 +25,43 @@ module.exports = {
         exclude: /^node_modules$/,
         use: [
           MiniCssExtractPlugin.loader,
-          { loader: 'css-loader', options: { url: false } }
-        ]
+          { loader: 'css-loader', options: { url: false } },
+        ],
       },
       {
         test: [/\.js$/],
         exclude: [/node_modules/],
         loader: 'babel-loader',
         query: {
-          presets: ['@babel/preset-env', '@babel/preset-react']
-        }
-      }
-    ]
+          presets: ['@babel/preset-env', '@babel/preset-react'],
+          cacheDirectory: true, // cache results for subsequent builds
+        },
+      },
+    ],
   },
   plugins: [
-    new MiniCssExtractPlugin('[name].' + (isProduction ? '[hash]' : 'dev') + '.css'),
+    new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, new RegExp(`/${locale}/`)),
+    // Only include current locale + en
+    new webpack.ContextReplacementPlugin(/locales/, new RegExp(`/${locale}|en/`)),
+    new MiniCssExtractPlugin({
+      filename: '[name].' + (isProduction ? '[chunkhash]' : 'dev') + '.css',
+      chunkFilename: '[name].' + (isProduction ? '[chunkhash]' : 'dev') + '.css',
+    }),
     new webpack.optimize.OccurrenceOrderPlugin(),
-    function() {
-      this.plugin('done', function(stats) {
+    function () {
+      this.plugin('done', (stats) => {
         fs.writeFileSync(
-          __dirname + '/public/dist/manifest.json',
-          JSON.stringify(stats.toJson()));
+          `${__dirname}/public/dist/manifest_${locale}.json`,
+          JSON.stringify(stats.toJson())
+        );
       });
     },
     new webpack.DefinePlugin({
-      'ELECTRICITYMAP_PUBLIC_TOKEN': `"${process.env.ELECTRICITYMAP_PUBLIC_TOKEN || 'development'}"`,
+      ELECTRICITYMAP_PUBLIC_TOKEN: `"${process.env.ELECTRICITYMAP_PUBLIC_TOKEN || 'development'}"`,
+      VERSION: JSON.stringify(version),
       'process.env': {
-        'NODE_ENV': JSON.stringify(isProduction ? 'production' : 'development')
-      }
+        NODE_ENV: JSON.stringify(isProduction ? 'production' : 'development'),
+      },
     }),
   ],
   optimization: {
@@ -54,17 +70,23 @@ module.exports = {
         commons: {
           test: /[\\/]node_modules[\\/]/,
           name: 'vendor',
-          chunks: 'all'
+          chunks: 'all',
         },
-      }
-    }
+      },
+    },
   },
   output: {
-    filename: '[name].' + (isProduction ? '[chunkhash]' : 'dev') + '.js',
-    path: __dirname + '/public/dist/'
+    // filename affects styles.js and bundle.js
+    filename: chunkData => (['styles'].includes(chunkData.chunk.name)
+      ? `[name].${isProduction ? '[chunkhash]' : 'dev'}.js`
+      : `[name].${isProduction ? '[chunkhash]' : 'dev'}.${locale}.js`),
+    // chunkFilename affects `vendor.js`
+    chunkFilename: `[name].${isProduction ? '[chunkhash]' : 'dev'}.js`,
+    path: `${__dirname}/public/dist`,
+    pathinfo: false,
   },
   // The following is required because of https://github.com/webpack-contrib/css-loader/issues/447
   node: {
-    fs: "empty"
-  }
-};
+    fs: 'empty',
+  },
+}));
diff --git a/web/yarn.lock b/web/yarn.lock
index 4dc436d897..c17e0c2991 100644
--- a/web/yarn.lock
+++ b/web/yarn.lock
@@ -2287,9 +2287,9 @@ eslint-module-utils@^2.2.0:
     debug "^2.6.8"
     pkg-dir "^1.0.0"
 
-eslint-plugin-import@^2.9.0:
-  version "2.14.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.14.0.tgz#6b17626d2e3e6ad52cfce8807a845d15e22111a8"
+eslint-plugin-import@2.12.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.12.0.tgz#dad31781292d6664b25317fd049d2e2b2f02205d"
   dependencies:
     contains-path "^0.1.0"
     debug "^2.6.8"
@@ -5570,6 +5570,10 @@ sprintf-js@>=1.0.3:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.1.tgz#36be78320afe5801f6cea3ee78b6e5aab940ea0c"
 
+sprintf-js@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
+
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"