diff --git a/README.md b/README.md
index e59ee2360..2fe290a99 100644
--- a/README.md
+++ b/README.md
@@ -75,6 +75,32 @@ Must be set to `true` if a `catalogUrl` is not given as otherwise you won't be a
 
 You can list additional domains (e.g. `example.com`) that private data is sent to, e.g. authentication data.
 
+### detectLocaleFromBrowser
+
+If set to `true`, tries to detect the preferred language of the user from the Browser.
+Otherwise, defaults to the language set for `locale`.
+
+### locale
+
+The default language to use for STAC Browser, defaults to `en` (English).
+The language given here must be present in `supportedLocales`.
+
+### fallbackLocale
+
+The language to use if individual phrases are not available in the default language, defaults to `en` (English).
+The language given here must be present in `supportedLocales`.
+
+### supportedLocales
+
+A list of languages to show in the STAC Browser UI.
+The languages given here must have a corresponding JS and JSON file in the `src/locales` folder,
+e.g. provide `en` (English) for the files in `src/locales/en`.
+
+In CLI, please provide the languages separated by a space, e.g. `--supportedLocales en de fr it`
+
+Please note that only left-to-right languages have been tested.
+I'd need help to test support for right-to-left languages.
+
 ### stacLint
 
 ***experimental***
@@ -230,6 +256,7 @@ There are four options you can set in the `authConfig` object:
 * `key` (string): The query string parameter name or the HTTP header name respecively.
 * `formatter` (function|null): You can optionally specify a formatter for the query string value or HTTP header value respectively. If not given, the token is provided as provided by the user.
 * `description` (string|null): Optionally a description that is shown to the user. This should explain how the token can be obtained for example. CommonMark is allowed.
+    **Note:** You can leave the description empty in the config file and instead provide a localized string with the key `authConfig` -> `description` in the file for custom phrases (`src/locales/custom.js`).
 
 Please note that this option can only be provided through a config file and is not available via CLI.
 
diff --git a/config.js b/config.js
index 4717c27d5..e675a9b60 100644
--- a/config.js
+++ b/config.js
@@ -3,6 +3,16 @@ module.exports = {
     catalogTitle: "STAC Browser",
     allowExternalAccess: true, // Must be true if catalogUrl is not given
     allowedDomains: [],
+    detectLocaleFromBrowser: true,
+    locale: "en",
+    fallbackLocale: "en",
+    supportedLocales: [
+        "en",
+        "en-US",
+        "de",
+        "fr-CA",
+        "fr-FR"
+    ],
     useTileLayerAsFallback: true,
     tileSourceTemplate: null,
     displayGeoTiffByDefault: false,
diff --git a/helpers/fields_locales.js b/helpers/fields_locales.js
new file mode 100644
index 000000000..f92ab0ca4
--- /dev/null
+++ b/helpers/fields_locales.js
@@ -0,0 +1,73 @@
+const Fields = require('@radiantearth/stac-fields/fields-normalized.json');
+const HardCodedFields = require("./fields_locales.json");
+const fs = require('fs');
+
+const translatable = ["label", "explain", "unit"];
+const iterable = ["items", "properties"];
+const dest_file = "src/locales/en/fields.json";
+
+function ignore(text, path, otherPath) {
+  if (path.endsWith(".unit")) {
+    return true;
+  }
+  if (path.includes(".id.") || path.includes(".name.") || path.includes(".title.") || path.includes(".description.")) {
+    return true;
+  }
+  if (path.includes(".href") || path.includes(".roles.")) {
+    return true;
+  }
+  if (path.includes(".average.") || path.includes(".minimum.") || path.includes(".maximum.") || path.includes(".stddev.")) {
+    return true;
+  }
+  if (path.includes("cube:") && otherPath.includes("cube:")) {
+    return true;
+  }
+  if (path.includes("links.type.") && otherPath.includes("assets.type.")) {
+    return true;
+  }
+  if (path.includes(".mgrs.")) {
+    return true;
+  }
+  return false;
+}
+
+function addText(locales, text, path) {
+  if (locales[text] && !ignore(text, path, locales[text])) {
+    console.warn(`Potential conflict between '${path}' and '${locales[text]}'`);
+  }
+  locales[text] = path;
+}
+
+function findTexts(locales, fields, path) {
+  for(let name in fields) {
+    let field = fields[name];
+    if (field.alias) {
+      continue;
+    }
+
+    translatable.forEach(key => field[key] && addText(locales, field[key], `${path}.${name}.${key}`));
+    iterable.forEach(key => field[key] && findTexts(locales, field[key], `${path}.${name}.${key}`));
+    if (field.mapping) {
+      Object.entries(field.mapping).forEach(([key, text]) => addText(locales, text, `${path}.${name}.mapping.${key}`));
+    }
+  }
+}
+
+function writeToFile(file, locales) {
+  const data = {};
+  Object.keys(locales).sort().forEach(key => data[key] = key);
+  const json = JSON.stringify(data, null, 2);
+  fs.writeFileSync(file, json);
+}
+
+function generateLocales() {
+  const locales = {};
+  HardCodedFields.forEach(text => addText(locales, text, "hardcoded"));
+  const types = ["assets", "extensions", "links", "metadata"];
+  types.forEach(type => findTexts(locales, Fields[type], type));
+  writeToFile(dest_file, locales);
+}
+
+console.log(`Generating fields locale file`);
+generateLocales();
+console.log(`Saved fields locale file to ${dest_file}`);
\ No newline at end of file
diff --git a/helpers/fields_locales.json b/helpers/fields_locales.json
new file mode 100644
index 000000000..0351c2f5a
--- /dev/null
+++ b/helpers/fields_locales.json
@@ -0,0 +1,87 @@
+[
+  "n/a",
+  "none",
+
+  "Hashing algorithm:",
+
+  "Until {0}",
+  "{0} until present",
+
+  "8-bit integer",
+  "16-bit integer",
+  "32-bit integer",
+  "64-bit integer",
+  "unsigned 8-bit integer",
+  "unsigned 16-bit integer",
+  "unsigned 32-bit integer",
+  "unsigned 64-bit integer",
+  "16-bit float",
+  "32-bit float",
+  "64-bit float",
+  "16-bit complex integer",
+  "32-bit complex integer",
+  "32-bit complex float",
+  "64-bit complex float",
+  "non-standard",
+
+  "MGRS",
+  "Military Grid Reference System",
+  "UTM Zone",
+  "Latitude Band",
+  "Square Identifier",
+  "Easting",
+  "Northing",
+  "MODIS Sinusoidal Tile Grid",
+  "Horizontal",
+  "Vertical",
+  "WRS-1",
+  "Worldwide Reference System 1",
+  "WRS-2",
+  "Worldwide Reference System 2",
+  "Path",
+  "Row",
+  "DOQ",
+  "Digital Orthophoto Quadrangle",
+  "Quadrangle",
+  "DOQQ",
+  "Digital Orthophoto Quarter Quadrangle",
+  "North",
+  "East",
+  "South",
+  "West",
+  "Quarter",
+  "Maxar ARD Tile Grid",
+  "Quadkey",
+  "EASE-DGGS",
+  "Level",
+  "Level 0 row cell",
+  "Level 0 column cell",
+  "Fraction of level {i} row cell",
+  "Fraction of level {i} column cell",
+
+  "Cloud-Optimized GeoTIFF image",
+  "GeoTIFF image",
+  "TIFF image",
+  "JPEG 2000 image",
+  "PNG image",
+  "GIF image",
+  "JPEG image",
+  "WebP image",
+  "Bitmap",
+  "Bitmap image",
+  "SVG vector image",
+  "Comma-separated values (CSV)",
+  "Newline Delimited JSON",
+  "HTML (Website)",
+  "Text",
+  "Text document",
+  "Markdown document",
+  "PDF document",
+  "ZIP archive",
+  "GZIP archive",
+  "Meta Raster Format",
+  "Binary",
+  "Binary file",
+  "Cloud-Optimized Point Cloud (LASzip)",
+  "Font"
+]
\ No newline at end of file
diff --git a/package.json b/package.json
index 172e39b40..6f130febf 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,9 @@
   "scripts": {
     "start": "vue-cli-service serve",
     "build": "vue-cli-service build --report",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.(js|json)\"",
+    "i18n:fields": "node helpers/fields_locales.js"
   },
   "bugs": {
     "url": "https://github.com/radiantearth/stac-browser/issues"
@@ -30,6 +32,7 @@
   "license": "ISC",
   "dependencies": {
     "@apidevtools/json-schema-ref-parser": "^9.0.9",
+    "@musement/iso-duration": "^1.0.0",
     "@radiantearth/stac-fields": "1.0.0-beta.25",
     "@radiantearth/stac-migrate": "~1.2.0",
     "axios": "^1.2.0",
@@ -38,12 +41,14 @@
     "commonmark": "^0.29.3",
     "core-js": "^3.6.5",
     "leaflet": "^1.8.0",
+    "locale-id": "^1.1.2",
     "node-polyfill-webpack-plugin": "^2.0.0",
     "remove-markdown": "^0.5.0",
     "stac-layer": "^0.15.0",
     "urijs": "^1.19.11",
     "v-clipboard": "^2.2.3",
     "vue": "^2.6.12",
+    "vue-i18n": "^8.28.2",
     "vue-multiselect": "^2.1.6",
     "vue-read-more-smooth": "^0.1.8",
     "vue-router": "^3.2.0",
@@ -64,6 +69,7 @@
     "eslint-plugin-vue": "^8.7.1",
     "sass": "^1.26.5",
     "sass-loader": "^13.2.0",
+    "vue-cli-plugin-i18n": "~2.3.1",
     "vue-template-compiler": "^2.6.12"
   },
   "browserslist": [
diff --git a/src/StacBrowser.vue b/src/StacBrowser.vue
index 4633da426..0ce970211 100644
--- a/src/StacBrowser.vue
+++ b/src/StacBrowser.vue
@@ -1,12 +1,12 @@
 <template>
   <b-container id="stac-browser">
     <Authentication v-if="doAuth.length > 0" />
-    <b-sidebar id="sidebar" title="Browse" shadow lazy>
+    <b-sidebar id="sidebar" :title="$t('browse')" shadow lazy>
       <Sidebar />
     </b-sidebar>
     <!-- Header -->
     <header>
-      <div class="logo">{{ catalogTitle }}</div>
+      <div class="logo">{{ displayCatalogTitle }}</div>
       <StacHeader />
     </header>
     <!-- Content (Item / Catalog) -->
@@ -15,9 +15,11 @@
       <router-view />
     </main>
     <footer>
-      <small class="poweredby text-muted">
-        Powered by <a href="https://github.com/radiantearth/stac-browser">STAC Browser</a> {{ browserVersion }}
-      </small>
+      <i18n tag="small" path="poweredBy" class="poweredby text-muted">
+        <template #link>
+          <a href="https://github.com/radiantearth/stac-browser" target="_blank">STAC Browser</a> {{ browserVersion }}
+        </template>
+      </i18n>
     </footer>
   </b-container>
 </template>
@@ -25,7 +27,8 @@
 <script>
 import Vue from "vue";
 import VueRouter from "vue-router";
-import Vuex, { mapGetters, mapState } from 'vuex';
+import Vuex, { mapActions, mapGetters, mapState } from 'vuex';
+import CONFIG from './config';
 import getRoutes from "./router";
 import getStore from "./store";
 
@@ -42,9 +45,14 @@ import ErrorAlert from './components/ErrorAlert.vue';
 import Sidebar from './components/Sidebar.vue';
 import StacHeader from './components/StacHeader.vue';
 
+import STAC from './models/stac';
 import Utils from './utils';
 import URI from 'urijs';
 
+import I18N from '@radiantearth/stac-fields/I18N';
+import { translateFields, API_LANGUAGE_CONFORMANCE, loadMessages } from './i18n';
+import { getBest, prepareSupported } from 'locale-id';
+
 Vue.use(Clipboard);
 
 Vue.use(AlertPlugin);
@@ -61,18 +69,6 @@ Vue.directive('b-toggle', VBToggle);
 // Used to detect when a catalog/item becomes visible so that further data can be loaded
 Vue.directive('b-visible', VBVisible);
 
-let CONFIG;
-if (typeof CONFIG_PATH === 'undefined' && typeof CONFIG_CLI === 'undefined') {
-  CONFIG = require('../config');
-}
-else {
-  CONFIG = Object.assign(require(CONFIG_PATH), CONFIG_CLI);
-}
-
-// Setup store
-Vue.use(Vuex);
-const store = getStore(CONFIG);
-
 // Setup router
 Vue.use(VueRouter);
 const router = new VueRouter({
@@ -81,6 +77,10 @@ const router = new VueRouter({
   routes: getRoutes(CONFIG)
 });
 
+// Setup store
+Vue.use(Vuex);
+const store = getStore(CONFIG, router);
+
 // Pass Config through from props to vuex
 let Props = {};
 let Watchers = {};
@@ -117,9 +117,14 @@ export default {
     };
   },
   computed: {
-    ...mapState(['allowSelectCatalog', 'title', 'doAuth', 'globalError', 'stateQueryParameters']),
-    ...mapState({catalogUrlFromVueX: 'catalogUrl'}),
-    ...mapGetters(['displayCatalogTitle', 'fromBrowserPath', 'isExternalUrl', 'root']),
+    ...mapState(['allowSelectCatalog', 'data', 'dataLanguage', 'doAuth', 'globalError', 'stateQueryParameters', 'title', 'uiLanguage', 'url']),
+    ...mapState({
+      catalogUrlFromVueX: 'catalogUrl',
+      detectLocaleFromBrowserFromVueX: 'detectLocaleFromBrowser',
+      fallbackLocaleFromVueX: 'fallbackLocale',
+      supportedLocalesFromVueX: 'supportedLocales'
+    }),
+    ...mapGetters(['displayCatalogTitle', 'fromBrowserPath', 'isExternalUrl', 'root', 'supportsConformance', 'toBrowserPath']),
     browserVersion() {
       if (typeof STAC_BROWSER_VERSION !== 'undefined') {
         return STAC_BROWSER_VERSION;
@@ -134,6 +139,49 @@ export default {
     title(title) {
       document.title = title;
     },
+    uiLanguage: {
+      immediate: true,
+      async handler(locale) {
+        if (!locale) {
+          return;
+        }
+
+        // Load messages
+        await loadMessages(locale);
+
+        // Set the locale for vue-i18n
+        this.$root.$i18n.locale = locale;
+
+        // Update stac-fields
+        I18N.locales = [locale];
+        I18N.translate = translateFields;
+      }
+    },
+    dataLanguage: {
+      immediate: true,
+      async handler(locale) {
+        if (!locale) {
+          return;
+        }
+        if (this.data instanceof STAC) {
+          let link = this.data.getLocaleLink(locale);
+          if (link) {
+            let state = Object.assign({}, this.stateQueryParameters);
+            this.$router.push(this.toBrowserPath(link.href));
+            this.$store.commit('state', state);
+          }
+          else if (this.supportsConformance(API_LANGUAGE_CONFORMANCE)) {
+            // this.url gets reset with resetCatalog so store the url for use in load
+            let url = this.url;
+            // Todo: Resetting the catalogs is not ideal. 
+            // A better way would be to combine the language code and URL as the index in the browser database
+            // This needs a database refactor though: https://github.com/radiantearth/stac-browser/issues/231
+            this.$store.commit('resetCatalog', true);
+            await this.$store.dispatch("load", { url, loadApi: true, show: true });
+          }
+        }
+      }
+    },
     catalogUrlFromVueX(url) {
       if (url) {
         // Load the root catalog data if not available (e.g. after page refresh or external access)
@@ -150,8 +198,14 @@ export default {
           }
         }
         for (const [key, value] of Object.entries(this.stateQueryParameters)) {
-          if (Array.isArray(value) && value.length > 0) {
-            query[`.${key}`] = value.join(',');
+          let name = `.${key}`;
+          if (Array.isArray(value)) {
+            if (value.length > 0) {
+              query[name] = value.join(',');
+            }
+          }
+          else if (value !== null) {
+              query[name] = value;
           }
         }
 
@@ -199,6 +253,20 @@ export default {
   },
   created() {
     this.$router.onReady(() => {
+      if (this.detectLocaleFromBrowserFromVueX && Array.isArray(navigator.languages)) {
+        // Detect the most suitable locale
+        const supported = prepareSupported(this.supportedLocalesFromVueX);
+        let locale = this.fallbackLocaleFromVueX;
+        for(let l of navigator.languages) {
+          const best = getBest(supported, l, null);
+          if (best) {
+            locale = best;
+            break;
+          }
+        }
+        this.switchLocale(locale);
+      }
+      
       this.parseQuery(this.$route);
     });
 
@@ -225,6 +293,7 @@ export default {
     setInterval(() => this.$store.dispatch('loadBackground', 3), 200);
   },
   methods: {
+    ...mapActions(['switchLocale']),
     parseQuery(route) {
       let privateFromHash = {};
       if (this.historyMode === 'history') {
@@ -234,25 +303,37 @@ export default {
       let query = Object.assign({}, route.query, privateFromHash);
       let params = {};
       for(let key in query) {
+        let value = query[key];
         // Store all private query parameters (start with ~) and replace them in the shown URI
         if (key.startsWith('~')) {
           params.private = Utils.isObject(params.private) ? params.private : {};
-          params.private[key.substr(1)] = query[key];
+          params.private[key.substr(1)] = value;
           delete query[key];
         }
         // Store all state related parameters (start with .)
         else if (key.startsWith('.')) {
+          let realKey = key.substr(1);
           params.state = Utils.isObject(params.state) ? params.state : {};
-          params.state[key.substr(1)] = query[key];
+          if (Array.isArray(this.stateQueryParameters[realKey]) && !Array.isArray(value)) {
+            value = value.split(',');
+          }
+          params.state[realKey] = value;
         }
         // All other parameters should be appended to the main STAC requests
         else {
           params.localRequest = Utils.isObject(params.request) ? params.request : {};
-          params.localRequest[key] = query[key];
+          params.localRequest[key] = value;
         }
       }
       if (Utils.size(params) > 0) {
-        this.$store.commit("queryParameters", params);
+        for (let type in params) {
+          for (let key in params[type]) {
+            this.$store.commit('setQueryParameter', {type, key, value: params[type][key]});
+          }
+        }
+      }
+      if (params?.state?.language) {
+        this.switchLocale(params.state.language);
       }
       if (Utils.size(params.private) > 0) {
         this.$router.replace({ query });
diff --git a/src/components/AnonymizedNotice.vue b/src/components/AnonymizedNotice.vue
index a16ae631e..4c006c39b 100644
--- a/src/components/AnonymizedNotice.vue
+++ b/src/components/AnonymizedNotice.vue
@@ -1,6 +1,6 @@
 <template>
-  <b-alert variant="warning" show>
-    <strong>Anonymized</strong>&nbsp;
+  <b-alert class="anonymized" variant="warning" show>
+    <strong>{{ $t('anonymized.title') }}</strong>&nbsp;
     <small>{{ warning }}</small>
   </b-alert>
 </template>
diff --git a/src/components/Asset.vue b/src/components/Asset.vue
index 126b62e61..0de2ef366 100644
--- a/src/components/Asset.vue
+++ b/src/components/Asset.vue
@@ -10,11 +10,11 @@
           {{ asset.title || id }}
         </span>
         <div class="badges ml-1" v-if="Array.isArray(asset.roles)">
-          <b-badge v-if="shown" variant="success" class="shown ml-1 mb-1" title="This is the asset currently shown">
-            <b-icon-check /> shown
+          <b-badge v-if="shown" variant="success" class="shown ml-1 mb-1" :title="$t('assets.currentlyShown')">
+            <b-icon-check /> {{ $t('assets.shown') }}
           </b-badge>
-          <b-badge v-if="asset.deprecated" variant="warning" class="deprecated ml-1 mb-1">Deprecated</b-badge>
-          <b-badge v-for="role in asset.roles" :key="role" :variant="role === 'data' ? 'primary' : 'secondary'" class="role ml-1 mb-1">{{ role }}</b-badge>
+          <b-badge v-if="asset.deprecated" variant="warning" class="deprecated ml-1 mb-1">{{ $t('deprecated') }}</b-badge>
+          <b-badge v-for="role in asset.roles" :key="role" :variant="role === 'data' ? 'primary' : 'secondary'" class="role ml-1 mb-1">{{ displayRole(role) }}</b-badge>
           <b-badge v-if="shortFileFormat" variant="dark" class="format ml-1 mb-1" :title="fileFormat"><span v-html="shortFileFormat" /></b-badge>
         </div>
       </b-button>
@@ -32,13 +32,13 @@
             {{ buttonText }}
           </b-button>
           <b-button v-if="canShow && !shown" @click="show" variant="primary">
-            <b-icon-eye />
-            <template v-if="isThumbnail">&nbsp;Show thumbnail</template>
-            <template v-else>&nbsp;Show on map</template>
+            <b-icon-eye />&nbsp;
+            <template v-if="isThumbnail">{{ $t('assets.showThumbnail') }}</template>
+            <template v-else>{{ $t('assets.showOnMap') }}</template>
           </b-button>
         </b-button-group>
         <b-card-text class="mt-4" v-if="asset.description">
-          <Description :description="asset.description" :compact="true" />
+          <Description :description="asset.description" compact />
         </b-card-text>
         <Metadata class="mt-4" :data="asset" :context="context" :ignoreFields="ignore" title="" type="Asset" />
       </b-card-body>
@@ -54,6 +54,7 @@ import Description from './Description.vue';
 import Metadata from './Metadata.vue';
 import STAC from '../models/stac';
 import Utils, { browserProtocols, imageMediaTypes, mapMediaTypes } from '../utils';
+import StacFieldsMixin from './StacFieldsMixin';
 
 export default {
   name: 'Asset',
@@ -69,6 +70,9 @@ export default {
     Description,
     Metadata
   },
+  mixins: [
+    StacFieldsMixin({ formatMediaType })
+  ],
   props: {
     asset: {
       type: Object,
@@ -159,13 +163,13 @@ export default {
     },
     fileFormat() {
       if (typeof this.asset.type === "string" && this.asset.type.length > 0) {
-        return formatMediaType(this.asset.type);
+        return this.formatMediaType(this.asset.type);
       }
       return null;
     },
     shortFileFormat() {
       if (typeof this.asset.type === "string" && this.asset.type.length > 0) {
-        return formatMediaType(this.asset.type, null, {shorten: true});
+        return this.formatMediaType(this.asset.type, null, {shorten: true});
       }
       return null;
     },
@@ -222,25 +226,17 @@ export default {
     },
     buttonText() {
       if (this.browserCanOpenFile && this.isBrowserProtocol) {
-        return 'Open';
+        return this.$t('open');
       }
-      let text = [];
-      let preposition = 'for';
+      let what = 'download';
       if (this.isGdalVfs) {
-        text.push('Copy GDAL VFS URL');
+        what = 'copyGdalVfsUrl';
       }
       else if (this.shouldCopy) {
-        text.push('Copy URL');
+        what = 'copyUrl';
       }
-      else {
-        text.push('Download');
-        preposition = 'from';
-      }
-      if (!this.isBrowserProtocol && this.from) {
-        text.push(preposition);
-        text.push(this.from);
-      }
-      return text.join(' ');
+      let where = (!this.isBrowserProtocol && this.from) ? 'withSource' : 'generic';
+      return this.$t(`assets.${what}.${where}`, {source: this.from});
     }
   },
   created() {
@@ -257,6 +253,13 @@ export default {
     }
   },
   methods: {
+    displayRole(role) {
+      let key = `assets.role.${role}`;
+      if (this.$te(key)) {
+        return this.$t(key);
+      }
+      return role;
+    },
     show() {
       let asset = Object.assign({}, this.asset);
       // Override asset href with absolute URL if not a GDAL VFS
@@ -271,18 +274,18 @@ export default {
       }
       switch(protocol.toLowerCase()) {
         case 's3':
-          return 'Amazon S3';
+          return this.$t('protocol.s3');
         case 'abfs':
         case 'abfss':
-          return 'Microsoft Azure';
+          return this.$t('protocol.azure');
         case 'gcs':
-          return 'Google Cloud';
+          return this.$t('protocol.gcs');
         case 'ftp':
-          return 'FTP';
+          return this.$t('protocol.ftp');
         case 'oss':
-          return 'Alibaba Cloud';
+          return this.$t('protocol.oss');
         case 'file':
-          return 'local file system';
+          return this.$t('protocol.file');
       }
       return '';
     },
diff --git a/src/components/Assets.vue b/src/components/Assets.vue
index a5f81c5bf..337829e79 100644
--- a/src/components/Assets.vue
+++ b/src/components/Assets.vue
@@ -43,9 +43,13 @@ export default {
     }
   },
   computed: {
+    count() {
+      return Utils.size(this.assets);
+    },
     displayTitle() {
       if (this.title === null) {
-        return this.definition ? 'Assets in Items' : 'Assets';
+        let langKey = this.definition ? 'assets.inItems' : 'stacAssets';
+        return this.$tc(langKey, this.count);
       }
       else {
         return this.title;
@@ -55,7 +59,7 @@ export default {
       if (this.definition) {
         return false; // Don't expand assets for Item Asset Definitions
       }
-      else if (Utils.size(this.assets) === 1 && this.stac && this.stac.isItem()) {
+      else if (this.count === 1 && this.stac && this.stac.isItem()) {
         return true; // Expand asset if it's the only asset available and it is in an Item
       }
       return null; // Let asset decide (e.g. depending on roles)
diff --git a/src/components/Authentication.vue b/src/components/Authentication.vue
index b077eec4c..61c3c27a1 100644
--- a/src/components/Authentication.vue
+++ b/src/components/Authentication.vue
@@ -1,18 +1,15 @@
 <template>
   <div class="auth">
     <b-form @submit.stop.prevent="submit" @reset="reset">
-      <b-card no-body header="Authentication">
+      <b-card no-body :header="$t('authentication.title')">
         <b-card-body>
-          <p>
-            The requested page requires authentication.
-            Please provide your authentication details in the text field below.
-          </p>
-          <Description v-if="authConfig.description" :description="authConfig.description" />
+          <p>{{ $t('authentication.description') }}</p>
+          <Description v-if="description" :description="description" />
           <b-form-input class="mb-2 mt-2" type="password" v-model.trim="token" autofocus :required="required" />
         </b-card-body>
         <b-card-footer>
-          <b-button type="submit" variant="primary">Submit</b-button>
-          <b-button type="reset" variant="danger" class="ml-3">Cancel</b-button>
+          <b-button type="submit" variant="primary">{{ $t('submit') }}</b-button>
+          <b-button type="reset" variant="danger" class="ml-3">{{ $t('cancel') }}</b-button>
         </b-card-footer>
       </b-card>
     </b-form>
@@ -38,7 +35,13 @@ export default {
     };
   },
   computed: {
-    ...mapState(['authConfig', 'authData'])
+    ...mapState(['authConfig', 'authData']),
+    description() {
+      if (this.authConfig.description) {
+        return this.authConfig.description;
+      }
+      return this.$t('authConfig.description');
+    }
   },
   created() {
     if (this.authData) {
diff --git a/src/components/Catalog.vue b/src/components/Catalog.vue
index bd0e704b0..fe54f734d 100644
--- a/src/components/Catalog.vue
+++ b/src/components/Catalog.vue
@@ -6,7 +6,7 @@
         <StacLink :data="[data, catalog]" class="stretched-link" />
       </b-card-title>
       <b-card-text v-if="data && (data.description || data.deprecated)" class="intro">
-        <b-badge v-if="data.deprecated" variant="warning" class="deprecated">Deprecated</b-badge>
+        <b-badge v-if="data.deprecated" variant="warning" class="deprecated">{{ $t('deprecated') }}</b-badge>
         {{ data.description | stripCommonmark }}
       </b-card-text>
       <b-card-text v-if="temporalExtent" class="datetime"><span v-html="temporalExtent" /></b-card-text>
@@ -16,6 +16,7 @@
 
 <script>
 import { mapGetters } from 'vuex';
+import StacFieldsMixin from './StacFieldsMixin';
 import ThumbnailCardMixin from './ThumbnailCardMixin';
 import StacLink from './StacLink.vue';
 import STAC from '../models/stac';
@@ -35,7 +36,8 @@ export default {
     }
   },
   mixins: [
-    ThumbnailCardMixin
+    ThumbnailCardMixin,
+    StacFieldsMixin({ formatTemporalExtent })
   ],
   props: {
     catalog: {
@@ -68,7 +70,7 @@ export default {
       if (this.data?.isCollection() && this.data.extent?.temporal?.interval.length > 0) {
         let extent = this.data.extent.temporal.interval[0];
         if (Array.isArray(extent) && (typeof extent[0] === 'string' || typeof extent[1] === 'string')) {
-          return formatTemporalExtent(this.data.extent.temporal.interval[0], true);
+          return this.formatTemporalExtent(this.data.extent.temporal.interval[0], true);
         }
       }
       return null;
diff --git a/src/components/Catalogs.vue b/src/components/Catalogs.vue
index 0f97cd711..95fdf9b0d 100644
--- a/src/components/Catalogs.vue
+++ b/src/components/Catalogs.vue
@@ -1,22 +1,22 @@
 <template>
   <section class="catalogs mb-4">
     <h2>
-      <span class="title">Catalogs</span>
-      <b-badge v-if="!hasMore" pill variant="secondary ml-2">{{ catalogs.length }}</b-badge>
+      <span class="title">{{ $tc('stacCatalog', catalogs.length ) }}</span>
+      <b-badge v-if="hasMultiple" pill variant="secondary ml-2">{{ catalogs.length }}</b-badge>
       <ViewButtons class="ml-4" v-model="view" />
-      <SortButtons v-if="!hasMore" class="ml-2" v-model="sort" />
+      <SortButtons v-if="hasMultiple" class="ml-2" v-model="sort" />
     </h2>
-    <SearchBox v-if="!hasMore" class="mt-3 mb-2" v-model="searchTerm" placeholder="Filter catalogs by title" />
-    <b-alert v-if="searchTerm && catalogView.length === 0" variant="warning" show>No catalogs found for the given search term.</b-alert>
+    <SearchBox v-if="hasMultiple" class="mt-3 mb-2" v-model="searchTerm" :placeholder="$t('catalogs.filterByTitle')" />
+    <b-alert v-if="searchTerm && catalogView.length === 0" variant="warning" show>{{ $t('catalogs.noMatches') }}</b-alert>
     <component :is="cardsComponent" v-bind="cardsComponentProps">
       <Catalog v-for="catalog in catalogView" :catalog="catalog" :key="catalog.href" />
     </component>
-    <b-button v-if="hasMore" @click="loadMore" variant="primary" v-b-visible.300="loadMore">Load more...</b-button>
+    <b-button v-if="hasMore" @click="loadMore" variant="primary" v-b-visible.300="loadMore">{{ $t('catalogs.loadMore') }}</b-button>
   </section>
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
+import { mapGetters, mapState } from 'vuex';
 import Catalog from './Catalog.vue';
 import STAC from '../models/stac';
 import ViewMixin from './ViewMixin';
@@ -49,7 +49,11 @@ export default {
     };
   },
   computed: {
+    ...mapState(['uiLanguage']),
     ...mapGetters(['getStac']),
+    hasMultiple() {
+      return !this.hasMore && this.catalogs.length > 1;
+    },
     catalogView() {
       if (this.hasMore) {
         return this.catalogs;
@@ -76,7 +80,7 @@ export default {
       }
       // Sort
       if (!this.hasMore && this.sort !== 0) {
-        catalogs = catalogs.slice(0).sort((a,b) => STAC.getDisplayTitle(a).localeCompare(STAC.getDisplayTitle(b)));
+        catalogs = catalogs.slice(0).sort((a,b) => STAC.getDisplayTitle(a).localeCompare(STAC.getDisplayTitle(b), this.uiLanguage));
         if (this.sort === -1) {
           catalogs = catalogs.reverse();
         }
diff --git a/src/components/CopyButton.vue b/src/components/CopyButton.vue
index aa4a21ee6..80e0b14da 100644
--- a/src/components/CopyButton.vue
+++ b/src/components/CopyButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-button @click="copy" :variant="copyColor" v-bind="buttonProps" title="Copy">
+  <b-button @click="copy" :variant="copyColor" v-bind="buttonProps" :title="$t('copy')">
     <component :is="copyIcon" />
     <slot />    
   </b-button>
diff --git a/src/components/DatePickerMixin.js b/src/components/DatePickerMixin.js
new file mode 100644
index 000000000..fc2c6d265
--- /dev/null
+++ b/src/components/DatePickerMixin.js
@@ -0,0 +1,34 @@
+import { mapState } from "vuex";
+
+export default {
+  components: {
+    DatePicker: () => import('vue2-datepicker')
+  },
+  data() {
+    return {
+      datepickerLang: null,
+      datepickerFormat: 'YYYY-MM-DD'
+    };
+  },
+  computed: {
+    ...mapState(['uiLanguage'])
+  },
+  watch: {
+    uiLanguage: {
+      immediate: true,
+      async handler(locale) {
+        if (!locale) {
+          return;
+        }
+        const options = (await import(`../locales/${locale}/datepicker.js`)).default;
+        if (options.locale instanceof Promise) {
+          this.datepickerLang = (await options.locale).default;
+        }
+        else {
+          this.datepickerLang = options.locale;
+        }
+        this.datepickerFormat = options.format;
+      }
+    }
+  }
+};
\ No newline at end of file
diff --git a/src/components/DeprecationNotice.vue b/src/components/DeprecationNotice.vue
index f33c7ab08..857a09e0f 100644
--- a/src/components/DeprecationNotice.vue
+++ b/src/components/DeprecationNotice.vue
@@ -1,24 +1,32 @@
 <template>
-  <b-alert :variant="variant" show>
-    <strong>{{ title }}</strong>&nbsp;
-    <small v-if="isDeprecated">
-      Please note that this {{ type }} is deprecated with the potential to be removed in any of the next versions.
-      It should be transitioned out of usage as soon as possible. Refrain from using it in new projects.
-    </small>
-    <small v-else>This {{ type }} is <em>not</em> deprecated, but there are other versions available:</small>
+  <b-alert class="deprecation" :variant="variant" show>
+    <h3>{{ title }}</h3>
+    <Description :description="message" inline />
     <ul v-if="latestLink || successorLink || predecessorLink">
-      <li v-if="latestLink"><small><StacLink :data="latestLink" fallbackTitle="Go to latest version" tooltip="Go to latest version" /></small></li>
-      <li v-if="successorLink"><small><StacLink :data="successorLink" fallbackTitle="Go to newer version" tooltip="Go to newer version" /></small></li>
-      <li v-if="predecessorLink"><small><StacLink :data="predecessorLink" fallbackTitle="Go to previous version" tooltip="Go to previous version" /></small></li>
+      <li v-if="latestLink">
+        {{ $t('deprecation.latestVersion') }}
+        <StacLink :data="latestLink" :fallbackTitle="$t('fallbackTitle')" />
+      </li>
+      <li v-if="successorLink">
+        {{ $t('deprecation.successorVersion') }}
+        <StacLink :data="successorLink" :fallbackTitle="$t('fallbackTitle')" />
+      </li>
+      <li v-if="predecessorLink">
+        {{ $t('deprecation.predecessorVersion') }}
+        <StacLink :data="predecessorLink" :fallbackTitle="$t('fallbackTitle')" />
+      </li>
     </ul>
   </b-alert>
 </template>
 
 <script>
+import Description from './Description.vue';
+
 export default {
   name: 'DeprecationNotice',
   components: {
-    StacLink: () => import('./StacLink.vue')
+    StacLink: () => import('./StacLink.vue'),
+    Description
   },
   props: {
     data: {
@@ -27,6 +35,16 @@ export default {
     }
   },
   computed: {
+    message() {
+      let vars = {type: this.type};
+      if (this.isDeprecated) {
+        return this.$t('deprecation.warning', vars);
+
+      }
+      else {
+        return this.$t('deprecation.otherVersionsNotice', vars);
+      }
+    },
     latestLink() {
       return this.data.getStacLinkWithRel('latest-version');
     },
@@ -45,21 +63,27 @@ export default {
     },
     title() {
       if (this.isDeprecated) {
-        return 'Deprecated';
+        return this.$t('deprecated');
       }
       else if (this.latestLink || this.successorLink) {
-        return 'Outdated';
+        return this.$t('deprecation.outdatedTitle');
       }
       else {
-        return 'Other Versions';
+        return this.$t('deprecation.otherVersionsTitle');
       }
     },
     type() {
       if (this.data.isItem()) {
-        return "Item";
+        return this.$tc('stacItem');
+      }
+      else if (this.data.isCollection()) {
+        return this.$tc(`stacCollection`);
+      }
+      else if (this.data.isCatalog()) {
+        return this.$tc(`stacCatalog`);
       }
       else {
-        return this.data.type;
+        return '';
       }
     }
   }
@@ -67,8 +91,17 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-ul {
-  margin-top: 0.5em;
-  margin-bottom: 0;
+.deprecation {
+  h3 {
+    font-size: 1em;
+    font-weight: bold;
+    display: inline-block;
+    margin: 0;
+    margin-right: 1em;
+  }
+  ul {
+    margin-top: 0.5em;
+    margin-bottom: 0;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/components/Description.vue b/src/components/Description.vue
index 46387e7be..9411f90ae 100644
--- a/src/components/Description.vue
+++ b/src/components/Description.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="styled-description" :class="{compact: compact}" v-html="markup(description)" />
+  <div class="styled-description" :class="{compact, inline}" v-html="markup(description)" />
 </template>
 
 <script>
@@ -16,6 +16,10 @@ export default {
       type: Boolean,
       default: false
     },
+    inline: {
+      type: Boolean,
+      default: false
+    },
     allowHTML: {
       type: Boolean,
       default: false
@@ -40,71 +44,75 @@ export default {
 <style lang="scss">
 @import '../theme/variables.scss';
 
-#stac-browser .metadata {
-  .styled-description,
-  .value > .description {
-    line-height: 1.4em;
+#stac-browser .styled-description {
+  line-height: 1.4em;
+
+  h1, h2, h3, h4, h5, h6 {
+    color: map-get($theme-colors, "secondary");
+    font-weight: 600;
+  }
+  h1 {
+    font-size: 1.5rem;
+  }
+  h2 {
+    font-size: 1.4rem;
+  }
+  h3 {
+    font-size: 1.3rem;
+  }
+  h4 {
+    font-size: 1.2rem;
+  }
+  h5 {
+    font-size: 1.1rem;
+  }
+  h6 {
+    font-size: 1.0rem;
+  }
+  pre {
+    background-color: #eee;
+    width: 100%;
+    border: 1px solid #ccc;
+    max-height: 15em;
+    overflow-y: auto;
+  }
+  pre code {
+    background-color: transparent; 
+    display: block;
+    margin: 0.5em;
+  }
+  code {
+    color: maroon;
+    display: inline-block;
+    padding: 0 0.1em;
+  }
 
+  &.compact {
     h1, h2, h3, h4, h5, h6 {
-      color: map-get($theme-colors, "secondary");
-      font-weight: 600;
-    }
-    h1 {
-      font-size: 1.5em;
-    }
-    h2 {
-      font-size: 1.4em;
-    }
-    h3 {
-      font-size: 1.3em;
-    }
-    h4 {
-      font-size: 1.2em;
-    }
-    h5 {
+      font-weight: bold;
       font-size: 1.1em;
+      margin: 0.5em 0;
     }
-    h6 {
-      font-size: 1.0em;
+    p {
+      margin: 0.5em 0;
     }
-    pre {
-      background-color: #eee;
-      width: 100%;
-      border: 1px solid #ccc;
-      max-height: 15em;
-      overflow-y: auto;
+    p:first-child {
+      margin-top: 0;
     }
-    pre code {
-      background-color: transparent; 
-      display: block;
-      margin: 0.5em;
+    p:last-child {
+      margin-bottom: 0;
     }
-    code {
-      color: maroon;
-      display: inline-block;
-      padding: 0 0.1em;
+    pre {
+      max-height: 7em;
+      width: auto;
+      max-width: 100%;
     }
+  }
 
-    &.compact {
-      h1, h2, h3, h4, h5, h6 {
-        font-weight: bold;
-        font-size: 1.1em;
-        margin: 0.5em 0;
-      }
-      p {
-        margin: 0.5em 0;
-      }
-      p:first-child {
-        margin-top: 0;
-      }
-      p:last-child {
-        margin-bottom: 0;
-      }
-      pre {
-        max-height: 7em;
-        width: auto;
-        max-width: 100%;
-      }
+  &.inline {
+    display: inline;
+    p, pre, code, h1, h2, h3, h4, h5, h6 {
+      display: inline;
     }
   }
 }
diff --git a/src/components/ErrorAlert.vue b/src/components/ErrorAlert.vue
index da1061d35..95078555e 100644
--- a/src/components/ErrorAlert.vue
+++ b/src/components/ErrorAlert.vue
@@ -1,20 +1,20 @@
 <template>
   <b-alert variant="danger" show @dismissed="$emit('close')" :dismissible="dismissible">
-    <p class="message">{{ message }}</p>
+    <p class="message">{{ message || $t('errors.default') }}</p>
     <dl class="error" v-if="error && error.message">
-      <dt>Caused by:</dt>
+      <dt>{{ $t('errors.labels.cause') }}</dt>
       <dd>{{ error.message }}</dd>
     </dl>
     <dl class="description" v-if="description">
-      <dt>Reasoning:</dt>
+      <dt>{{ $t('errors.labels.reason') }}</dt>
       <dd>{{ description }}</dd>
     </dl>
     <dl class="id" v-if="id">
-      <dt>Error code:</dt>
+      <dt>{{ $t('errors.labels.code') }}</dt>
       <dd><code>{{ id }}</code></dd>
     </dl>
     <dl class="url" v-if="url">
-      <dt>Requested URL:</dt>
+      <dt>{{ $t('errors.labels.requestURL') }}</dt>
       <dd><code>{{ url }}</code></dd>
     </dl>
   </b-alert>
@@ -26,7 +26,7 @@ export default {
   props: {
     message: {
       type: String,
-      default: 'Sorry, the requested page could not be loaded.'
+      default: null
     },
     description: {
       type: String,
diff --git a/src/components/FullscreenButton.vue b/src/components/FullscreenButton.vue
index 86ab01048..0d4b2b25f 100644
--- a/src/components/FullscreenButton.vue
+++ b/src/components/FullscreenButton.vue
@@ -36,7 +36,7 @@ export default {
   },
   computed: {
     title() {
-      return this.isFullscreen ? 'Close Fullscreen' : 'View Fullscreen';
+      return this.isFullscreen ? this.$t('fullscreen.exit') : this.$t('fullscreen.show');
     }
   },
   mounted() {
diff --git a/src/components/Item.vue b/src/components/Item.vue
index bdb58829c..64eae4e95 100644
--- a/src/components/Item.vue
+++ b/src/components/Item.vue
@@ -9,12 +9,12 @@
         <small class="text-muted">
           <template v-if="extent">{{ extent | formatTemporalExtent }}</template>
           <template v-else-if="data && data.properties.datetime">{{ data.properties.datetime | formatTimestamp }}</template>
-          <template v-else>No time given</template>
+          <template v-else>{{ $t('items.noTime') }}</template>
         </small>
       </b-card-text>
       <b-card-text v-if="fileFormats.length > 0 || isDeprecated">
         <b-badge v-for="format in fileFormats" :key="format" variant="secondary" class="mr-1 mt-1 fileformat">{{ format | formatMediaType }}</b-badge>
-        <b-badge v-if="isDeprecated" variant="warning" class="mr-1 mt-1 deprecated">Deprecated</b-badge>
+        <b-badge v-if="isDeprecated" variant="warning" class="mr-1 mt-1 deprecated">{{ $t('deprecated') }}</b-badge>
       </b-card-text>
     </b-card-body>
   </b-card>
diff --git a/src/components/ItemFilter.vue b/src/components/ItemFilter.vue
index 24ce34f2e..f8a08187e 100644
--- a/src/components/ItemFilter.vue
+++ b/src/components/ItemFilter.vue
@@ -4,46 +4,59 @@
       <b-card-body>
         <Loading v-if="!loaded" fill />
 
-        <b-form-group v-if="canFilterExtents" label="Temporal Extent" label-for="datetime" description="All times in UTC.">
-          <date-picker id="datetime" :value="query.datetime" @input="setDateTime" range input-class="form-control mx-input" />
+        <b-form-group v-if="canFilterExtents" :label="$t('search.temporalExtent')" label-for="datetime" :description="$t('search.dateDescription')">
+          <date-picker
+            range id="datetime" :lang="datepickerLang" :format="datepickerFormat"
+            :value="query.datetime" @input="setDateTime" input-class="form-control mx-input"
+          />
         </b-form-group>
 
-        <b-form-group v-if="canFilterExtents" label="Spatial Extent" label-for="provideBBox">
-          <b-form-checkbox id="provideBBox" v-model="provideBBox" value="1" @change="setBBox">Filter by spatial extent</b-form-checkbox>
-          <Map class="mb-4" v-if="provideBBox" :stac="stac" :selectBounds="true" @bounds="setBBox" scrollWheelZoom />
+        <b-form-group v-if="canFilterExtents" :label="$t('search.spatialExtent')" label-for="provideBBox">
+          <b-form-checkbox id="provideBBox" v-model="provideBBox" value="1" @change="setBBox">{{ $t('search.filterBySpatialExtent') }}</b-form-checkbox>
+          <Map class="mb-4" v-if="provideBBox" :stac="stac" selectBounds @bounds="setBBox" scrollWheelZoom />
         </b-form-group>
 
-        <b-form-group v-if="!collectionOnly" label="Collections" label-for="collections">
+        <b-form-group v-if="!collectionOnly" :label="$tc('stacCollection', collections.length)" label-for="collections">
           <multiselect
             v-if="collections.length > 0"
             id="collections" :value="selectedCollections" @input="setCollections"
+            :placeholder="$t('multiselect.placeholder')"
+            :tagPlaceholder="$t('search.addCollections')"
+            :selectLabel="$t('multiselect.selectLabel')"
+            :selectedLabel="$t('multiselect.selectedLabel')"
+            :deselectLabel="$t('multiselect.deselectLabel')"
+            :limitText="limitText"
             :options="collections" multiple track-by="value" label="text"
           />
           <multiselect
             v-else
             id="collections" :value="selectedCollections" @input="setCollections"
             multiple taggable :options="query.collections"
-            placeholder="List one or multiple collections..."
-            tagPlaceholder="Press enter to add a collection"
+            :placeholder="$t('search.selectCollections')"
+            :tagPlaceholder="$t('search.addCollections')"
+            :selectLabel="$t('multiselect.selectLabel')"
+            :selectedLabel="$t('multiselect.selectedLabel')"
+            :deselectLabel="$t('multiselect.deselectLabel')"
+            :limitText="limitText"
             @tag="addCollection"
           />
         </b-form-group>
 
-        <b-form-group v-if="!collectionOnly" label="Item IDs" label-for="ids">
+        <b-form-group v-if="!collectionOnly" :label="$t('search.itemIds')" label-for="ids">
           <multiselect
             id="ids" :value="query.ids" @input="setIds"
             multiple taggable :options="query.ids"
-            placeholder="List one or multiple Item IDs..."
-            tagPlaceholder="Press enter to add an Item ID"
+            :placeholder="$t('search.selectItemIds')"
+            :tagPlaceholder="$t('search.addItemIds')"
             @tag="addId"
           />
         </b-form-group>
 
         <div class="additional-filters" v-if="canFilterCql && Array.isArray(queryables) && queryables.length > 0">
-          <b-form-group label="Additional filters" label-for="availableFields">
-            <b-alert variant="warning" show>This feature is still experimental and may give unexpected results!</b-alert>
+          <b-form-group :label="$t('search.additionalFilters')" label-for="availableFields">
+            <b-alert variant="warning" show>{{ $t('featureExperimental') }}</b-alert>
 
-            <b-dropdown size="sm" text="Add filter" block variant="primary" class="mt-2 mb-3" menu-class="w-100">
+            <b-dropdown size="sm" :text="$t('search.addFilter')" block variant="primary" class="mt-2 mb-3" menu-class="w-100">
               <b-dropdown-item v-for="queryable in queryables" :key="queryable.id" @click="additionalFieldSelected(queryable)">
                 {{ queryable.title }}
               </b-dropdown-item>
@@ -61,25 +74,29 @@
           </b-form-group>
         </div>
 
-        <b-form-group v-if="canSort" label="Sort" label-for="sort" description="Some APIs may not support all of the options.">
+        <b-form-group v-if="canSort" :label="$t('sort.title')" label-for="sort" :description="$t('search.notFullySupported')">
           <multiselect
-            id="sort" :value="sortTerm" placeholder="Default" @input="sortFieldSet"
+            id="sort" :value="sortTerm" @input="sortFieldSet"
             :options="sortOptions" track-by="value" label="text"
+            :placeholder="$t('default')"
+            :selectLabel="$t('multiselect.selectLabel')"
+            :selectedLabel="$t('multiselect.selectedLabel')"
+            :deselectLabel="$t('multiselect.deselectLabel')"
           />
           <SortButtons v-if="sortTerm" class="mt-1" :value="sortOrder" enforce @input="sortDirectionSet" />
         </b-form-group>
 
-        <b-form-group label="Items per page" label-for="limit" :description="`Number of items requested per page, max. ${maxItems} items.`">
+        <b-form-group :label="$t('search.itemsPerPage')" label-for="limit" :description="$t('search.itemsPerPageDescription', {maxItems})">
           <b-form-input
             id="limit" :value="query.limit" @change="setLimit" min="1"
             :max="maxItems" type="number"
-            :placeholder="`Default (${itemsPerPage})`"
+            :placeholder="$t('defaultWithValue', {value: itemsPerPage})"
           />
         </b-form-group>
       </b-card-body>
       <b-card-footer>
-        <b-button type="submit" variant="primary">Filter</b-button>
-        <b-button type="reset" variant="danger" class="ml-3">Reset</b-button>
+        <b-button type="submit" variant="primary">{{ $t('search.buttons.filter') }}</b-button>
+        <b-button type="reset" variant="danger" class="ml-3">{{ $t('search.buttons.reset') }}</b-button>
       </b-card-footer>
     </b-card>
   </b-form>
@@ -90,6 +107,7 @@ import { BDropdown, BDropdownItem, BForm, BFormGroup, BFormInput, BFormCheckbox
 import Multiselect from 'vue-multiselect';
 
 import { mapGetters, mapState } from "vuex";
+import DatePickerMixin from './DatePickerMixin';
 import Loading from './Loading.vue';
 import Utils from '../utils';
 
@@ -102,26 +120,28 @@ export default {
     BFormGroup,
     BFormInput,
     BFormCheckbox,
-    DatePicker: () => import('vue2-datepicker'),
     QueryableInput: () => import('./QueryableInput.vue'),
     Loading,
     Map: () => import('./Map.vue'),
     SortButtons: () => import('./SortButtons.vue'),
     Multiselect
   },
+  mixins: [
+    DatePickerMixin
+  ],
   props: {
     stac: {
       type: Object,
       required: true
     },
+    title: {
+      type: String,
+      required: true
+    },
     value: {
       type: Object,
       default: () => ({})
     },
-    title: {
-      type: String,
-      default: 'Filter'
-    },
     canFilterExtents: {
       type: Boolean,
       default: false
@@ -143,12 +163,6 @@ export default {
     return {
       sortOrder: 1,
       sortTerm: null,
-      sortOptions: [
-        { value: null, text: 'Default' },
-        { value: 'properties.datetime', text: 'Date and Time' },
-        { value: 'id', text: 'ID' },
-        { value: 'properties.title', text: 'Title' }
-      ],
       maxItems: 10000,
       provideBBox: false,
       query: this.getDefaultValues(),
@@ -157,8 +171,16 @@ export default {
     };
   },
   computed: {
-    ...mapState(['itemsPerPage', 'queryables', 'apiCollections']),
+    ...mapState(['itemsPerPage', 'uiLanguage', 'queryables', 'apiCollections']),
     ...mapGetters(['hasMoreCollections', 'root']),
+    sortOptions() {
+      return [
+        { value: null, text: this.$t('default') },
+        { value: 'properties.datetime', text: this.$t('search.sortOptions.datetime') },
+        { value: 'id', text: this.$t('search.sortOptions.id') },
+        { value: 'properties.title', text: this.$t('search.sortOptions.title') }
+      ];
+    },
     collections() {
       if (this.hasMoreCollections || this.collectionOnly) {
         return [];
@@ -168,7 +190,7 @@ export default {
           value: c.id,
           text: c.title || c.id
         }))
-        .sort((a,b) => a.text.localeCompare(b.text));
+        .sort((a,b) => a.text.localeCompare(b.text, this.uiLanguage));
     }
   },
   watch: {
@@ -205,6 +227,9 @@ export default {
     Promise.all(promises).finally(() => this.loaded = true);
   },
   methods: {
+    limitText(count) {
+      return this.$t("multiselect.andMore", {count});
+    },
     sortFieldSet(value) {
       this.sortTerm = value;
     },
diff --git a/src/components/Items.vue b/src/components/Items.vue
index bca160ce2..c0d221662 100644
--- a/src/components/Items.vue
+++ b/src/components/Items.vue
@@ -1,15 +1,15 @@
 <template>
   <section class="items mb-4">
     <h2>
-      <span class="title">Items</span>
-      <b-badge v-if="!api" pill variant="secondary ml-2">{{ items.length }}</b-badge>
+      <span class="title">{{ $tc('stacItem', items.length ) }}</span>
+      <b-badge v-if="!api && items.length > 1" pill variant="secondary ml-2">{{ items.length }}</b-badge>
       <SortButtons v-if="!api" class="ml-4" v-model="sort" />
     </h2>
 
     <Pagination ref="topPagination" v-if="showPagination" :pagination="pagination" placement="top" @paginate="paginate" />
     <template v-if="allowFilter">
       <b-button v-if="api" v-b-toggle.itemFilter class="mb-4 mt-2" :class="{'ml-3': showPagination}" :pressed="filtersOpen" variant="outline-primary">
-        <b-icon-search /> Filter
+        <b-icon-search /> {{ $t('items.filter') }}
       </b-button>
       <b-collapse id="itemFilter" v-model="filtersOpen">
         <ItemFilter
@@ -25,13 +25,13 @@
         <Item v-for="item in chunkedItems" :item="item" :key="item.href" />
       </b-card-group>
       <b-alert v-else :variant="hasFilters ? 'warning' : 'info'" show>
-        <template v-if="hasFilters">No items found for the given filters.</template>
-        <template v-else>No items available for this collection.</template>
+        <template v-if="hasFilters">{{ $t('search.noItemsFound') }}</template>
+        <template v-else>{{ $t('items.noneAvailableForCollection') }}</template>
       </b-alert>
     </section>
 
     <Pagination v-if="showPagination" :pagination="pagination" @paginate="paginate" />
-    <b-button v-else-if="hasMore" @click="showMore" variant="primary" v-b-visible.300="showMore">Show more...</b-button>
+    <b-button v-else-if="hasMore" @click="showMore" variant="primary" v-b-visible.300="showMore">{{ $t('showMore') }}</b-button>
   </section>
 </template>
 
@@ -43,6 +43,7 @@ import { BCollapse, BIconSearch } from "bootstrap-vue";
 import Utils from '../utils';
 import STAC from '../models/stac';
 import sortCapabilitiesMixinGenerator from './SortCapabilitiesMixin';
+import { mapState } from 'vuex';
 
 export default {
   name: "Items",
@@ -100,6 +101,7 @@ export default {
     };
   },
   computed: {
+    ...mapState(['uiLanguage']),
     hasMore() {
       return this.items.length > this.shownItems;
     },
@@ -109,7 +111,7 @@ export default {
     chunkedItems() {
       let items = this.items;
       if (this.sort !== 0) {
-        items = items.slice(0).sort((a,b) => STAC.getDisplayTitle(a).localeCompare(STAC.getDisplayTitle(b)));
+        items = items.slice(0).sort((a,b) => STAC.getDisplayTitle(a).localeCompare(STAC.getDisplayTitle(b), this.uiLanguage));
         if (this.sort === -1) {
           items = items.reverse();
         }
diff --git a/src/components/Links.vue b/src/components/Links.vue
index a15c07aba..169d6b503 100644
--- a/src/components/Links.vue
+++ b/src/components/Links.vue
@@ -25,6 +25,8 @@ import Fields from '@radiantearth/stac-fields/fields.json';
 import { ogcRelPrefix } from '../rels';
 import Utils from '../utils';
 import { formatKey } from '@radiantearth/stac-fields/helper';
+import { translateFields } from '../i18n';
+import { mapState } from 'vuex';
 
 
 export default {
@@ -43,6 +45,7 @@ export default {
     }
   },
   computed: {
+    ...mapState(['uiLanguage']),
     groups() {
       let groups = this.links.reduce((summary, link) => {
         let rel = typeof link.rel === 'string' ? link.rel.toLowerCase() : "";
@@ -58,7 +61,7 @@ export default {
         }
         return summary;
       }, {});
-      return Object.values(groups).sort((g1, g2) => g1.rel.localeCompare(g2.rel));
+      return Object.values(groups).sort((g1, g2) => g1.label.localeCompare(g2.label, this.uiLanguage));
     },
     hasGroups() {
       return this.groups.some(group => group.rel.length > 0 && group.links.length >= 2);
@@ -68,7 +71,7 @@ export default {
     formatRel(rel) {
       let lc = typeof rel === 'string' ? rel.toLowerCase() : "";
       if (lc in Fields.links.rel.mapping) {
-        return Fields.links.rel.mapping[lc];
+        return translateFields(Fields.links.rel.mapping[lc]);
       }
       else {
         if (rel.startsWith(ogcRelPrefix)) {
diff --git a/src/components/Loading.vue b/src/components/Loading.vue
index 9456cb779..ce59f277d 100644
--- a/src/components/Loading.vue
+++ b/src/components/Loading.vue
@@ -1,6 +1,6 @@
 <template>
   <div :class="classes">
-    <b-spinner label="Loading..." :small="small" />
+    <b-spinner :label="$t('loading')" :small="small" />
   </div>
 </template>
 
diff --git a/src/components/Map.vue b/src/components/Map.vue
index 07c9094b0..85a84e02d 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="map-container">
     <l-map class="map" v-if="show" :class="stac.type" @ready="init" :options="mapOptions">
-      <LControlFullscreen />
-      <LControlLayers v-if="showLayerControl" position="bottomleft" ref="layerControl" />
+      <l-control-fullscreen />
+      <l-control-zoom :key="`z${ix}`" v-bind="zoomControlTexts" position="topleft" />
+      <l-control-layers v-if="showLayerControl" position="bottomleft" ref="layerControl" />
       <template v-if="baseMaps.length > 0">
         <component
           v-for="baseMap in baseMaps"
@@ -10,12 +11,12 @@
           v-bind="baseMap" :layers="baseMap.name" layerType="base"
         />
       </template>
-      <LTileLayer v-else url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" ref="basemaps" :options="osmOptions" name="OpenStreetMap" layerType="base" />
-      <LTileLayer
+      <l-tile-layer v-else url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" ref="basemaps" :options="osmOptions" name="OpenStreetMap" layerType="base" />
+      <l-tile-layer
         v-for="xyz of xyzLinks" ref="overlays" :key="xyz.url" layerType="overlay"
         :name="xyz.name" :url="xyz.url" :subdomains="xyz.subdomains" :options="xyz.options" 
       />
-      <LGeoJson v-if="geojson" ref="geojson" :geojson="geojson" :options="{onEachFeature: showPopup}" :optionsStyle="{color: secondaryColor, weight: secondaryWeight}" />
+      <l-geo-json v-if="geojson" ref="geojson" :geojson="geojson" :options="{onEachFeature: showPopup}" :optionsStyle="{color: secondaryColor, weight: secondaryWeight}" />
     </l-map>
     <b-popover
       v-if="popover && selectedItem" placement="left" triggers="manual" :show="selectedItem !== null"
@@ -27,9 +28,7 @@
         </b-card-group>
       </section>
       <div class="text-center">
-        <b-button target="_blank" variant="danger" @click="resetSelectedItem">
-          Close
-        </b-button>
+        <b-button target="_blank" variant="danger" @click="resetSelectedItem">{{ $t('leaflet.close') }}</b-button>
       </div>
     </b-popover>
   </div>
@@ -38,7 +37,7 @@
 <script>
 import stacLayer from 'stac-layer';
 import { CRS } from "leaflet";
-import { LMap, LTileLayer, LWMSTileLayer, LGeoJson, LControlLayers } from 'vue2-leaflet';
+import { LMap, LControlZoom, LTileLayer, LWMSTileLayer, LGeoJson, LControlLayers } from 'vue2-leaflet';
 import LControlFullscreen from 'vue2-leaflet-fullscreen';
 import Utils, { geojsonMediaType } from '../utils';
 import './map/leaflet-areaselect';
@@ -80,6 +79,7 @@ export default {
     Item: () => import('../components/Item.vue'),
     LControlFullscreen,
     LControlLayers,
+    LControlZoom,
     LGeoJson,
     LMap,
     LTileLayer,
@@ -117,17 +117,37 @@ export default {
       stacLayer: null,
       geojson: null,
       itemPreviewsLayer: null,
-      mapOptions: {},
+      mapOptions: {
+        zoomControl: false
+      },
       osmOptions: {
+        // Don't translate as this is an official reference back, which we copied from OSM and shouldn't be altered!
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors.'
       },
       dblClickState: null,
-      selectedItem: null
+      selectedItem: null,
+      ix: 1
     };
   },
   computed: {
-    ...mapState(['buildTileUrlTemplate', 'crossOriginMedia', 'displayGeoTiffByDefault', 'geoTiffResolution', 'maxPreviewsOnMap', 'useTileLayerAsFallback']),
+    ...mapState(['buildTileUrlTemplate', 'crossOriginMedia', 'displayGeoTiffByDefault', 'geoTiffResolution', 'maxPreviewsOnMap', 'uiLanguage', 'useTileLayerAsFallback']),
     ...mapGetters(['getStac', 'supportsExtension']),
+    fullscreenOptions() {
+      return {
+        title: {
+          'false': this.$t('fullscreen.show'),
+          'true': this.$t('fullscreen.exit'),
+        }
+      };
+    },
+    zoomControlTexts() {
+      return {
+        zoomInText: this.$t('leaflet.zoom.in.label'),
+        zoomInTitle: this.$t('leaflet.zoom.in.description'),
+        zoomOutText: this.$t('leaflet.zoom.out.label'),
+        zoomOutTitle: this.$t('leaflet.zoom.out.description')
+      };
+    },
     baseMaps() {
       let targets = [];
       if (this.stac instanceof STAC) {
@@ -148,6 +168,7 @@ export default {
           return Object.assign({
               component: "LWMSTileLayer",
               crs: CRS.EPSG4326,
+              // Don't translate as this is an official reference back, which we copied from OSM and shouldn't be altered!
               attribution: "USGS Astrogeology",
               format: "image/png"
             }, BASEMAPS[target]);
@@ -176,6 +197,10 @@ export default {
     }
   },
   watch: {
+    uiLanguage() {
+      // This recreates the component so that it picks up the new translations
+      this.ix++;
+    },
     async stacLayerData() {
       await this.showStacLayer();
     },
@@ -287,7 +312,7 @@ export default {
         try {
           this.stacLayer = await stacLayer(data, options);
         } catch (error) {
-          this.$root.$emit('error', error, 'Sorry, adding the data to the map failed.');
+          this.$root.$emit('error', error, this.$t('leaflet.stayLayer.error'));
         }
 
         // If the map isn't shown any more after loading the STAC data, don't try to add it to the map.
@@ -408,7 +433,7 @@ export default {
         html += formatObject(feature.properties);
       }
       if (html.length === 0) {
-        html += '<p>No additional data available for this feature.<7p>';
+        html += `<p>${this.$t('leaflet.noFeatureProperties')}</p>`;
       }
       layer.bindPopup(html);
     },
diff --git a/src/components/Metadata.vue b/src/components/Metadata.vue
index fd5e7245e..441b6130a 100644
--- a/src/components/Metadata.vue
+++ b/src/components/Metadata.vue
@@ -1,6 +1,6 @@
 <template>
   <section v-if="formattedData.length > 0" class="metadata">
-    <h2 v-if="title">{{ title }}</h2>
+    <h2 v-if="title">{{ title || $t('metadata.title') }}</h2>
     <b-card-group columns :class="`count-${formattedData.length}`">
       <MetadataGroup v-for="group in formattedData" v-bind="group" :key="group.extension" />
     </b-card-group>
@@ -10,6 +10,8 @@
 <script>
 import { formatAsset, formatCollection, formatGrouped, formatItemProperties, formatLink, formatProvider, formatSummaries } from '@radiantearth/stac-fields';
 import MetadataGroup from './metadata/MetadataGroup.vue';
+import { isoDuration } from '@musement/iso-duration';
+import { mapState } from 'vuex';
 
 export default {
     name: "Metadata",
@@ -35,11 +37,36 @@ export default {
         },
         title: {
             type: String,
-            default: 'Metadata'
+            default: null
         }
     },
+    data() {
+        return {
+            formattedData: []
+        };
+    },
     computed: {
-        formattedData() {
+        ...mapState(['uiLanguage']),
+    },
+    watch: {
+        uiLanguage: {
+            immediate: true,
+            async handler (locale) {
+                if (!locale) {
+                    return;
+                }
+                
+                // Update durations (for stac-fields)
+                const en = (await import(`../locales/${locale}/duration.js`)).default;
+                isoDuration.setLocales({en});
+
+                // Format the data again to update translations
+                this.formattedData = this.formatData();
+            }
+        }
+    },
+    methods: {
+        formatData() {
             // Filter all fields as given in ignoreFields and also 
             // ignore fields starting with an underscore which is likely originating from the STAC class
             let filter = key => !key.startsWith('_') && !this.ignoreFields.includes(key);
@@ -66,7 +93,7 @@ export default {
                             core.push(summaryGroup);
                         }
                     });
-                    return core.sort((a,b) => a.label.localeCompare(b.label));
+                    return core.sort((a,b) => a.label.localeCompare(b.label, this.uiLanguage));
                 }
                 default:
                     return formatGrouped(this.context, this.data, this.type, filter);
@@ -128,6 +155,27 @@ export default {
                 max-height: 15em;
                 overflow: auto;
             }
+
+            .styled-description {
+                h1 {
+                    font-size: 1.5em;
+                }
+                h2 {
+                    font-size: 1.4em;
+                }
+                h3 {
+                    font-size: 1.3em;
+                }
+                h4 {
+                    font-size: 1.2em;
+                }
+                h5 {
+                    font-size: 1.1em;
+                }
+                h6 {
+                    font-size: 1.0em;
+                }
+            }
         }
         ul {
             padding-left: 1.4em;
diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue
index 1224ab3f6..77f9fad08 100644
--- a/src/components/Pagination.vue
+++ b/src/components/Pagination.vue
@@ -1,9 +1,9 @@
 <template>
   <b-button-group :class="classes">
-    <b-button @click="paginate(pagination.first)" :disabled="!pagination.first" variant="primary">« First</b-button>
-    <b-button @click="paginate(pagination.prev)" :disabled="!pagination.prev" variant="primary">‹ Previous</b-button>
-    <b-button @click="paginate(pagination.next)" :disabled="!pagination.next" variant="primary">Next ›</b-button>
-    <b-button v-if="pagination.last" @click="paginate(pagination.last)" variant="primary">Last »</b-button>
+    <b-button @click="paginate(pagination.first)" :disabled="!pagination.first" variant="primary">{{ $t('pagination.first') }}</b-button>
+    <b-button @click="paginate(pagination.prev)" :disabled="!pagination.prev" variant="primary">{{ $t('pagination.previous') }}</b-button>
+    <b-button @click="paginate(pagination.next)" :disabled="!pagination.next" variant="primary">{{ $t('pagination.next') }}</b-button>
+    <b-button v-if="pagination.last" @click="paginate(pagination.last)" variant="primary">{{ $t('pagination.last') }}</b-button>
   </b-button-group>
 </template>
 
diff --git a/src/components/Provider.vue b/src/components/Provider.vue
index 132b8e7fb..e7669f81b 100644
--- a/src/components/Provider.vue
+++ b/src/components/Provider.vue
@@ -9,23 +9,21 @@
           </span>
           {{ provider.name }}
         </span>
-        <div class="roles ml-1" v-if="Array.isArray(provider.roles)">
-          <b-badge v-for="role in provider.roles" :key="role" variant="secondary" class="ml-1 mb-1">{{ role }}</b-badge>
-        </div>
+        <ProviderRoles :roles="provider.roles" />
       </b-button>
     </b-card-header>
     <b-collapse :id="id" v-model="expanded" accordion="providers" role="tabpanel">
       <b-card-body>
         <b-button-group v-if="provider.url || provider.email || provider.mail">
           <b-button :href="provider.url" target="_blank" variant="primary">
-            Go to homepage
+            {{ $t('providers.homepage') }}
           </b-button>
           <b-button v-if="provider.email || provider.mail" :href="`mailto:${provider.email || provider.mail}`" target="_blank" variant="primary">
-            Send e-mail
+            {{ $t('providers.email') }}
           </b-button>
         </b-button-group>
         <b-card-text class="mt-4" v-if="provider.description">
-          <Description :description="provider.description" :compact="true" />
+          <Description :description="provider.description" compact />
         </b-card-text>
         <Metadata class="mt-4" :data="provider" :ignoreFields="ignore" title="" type="Provider" />
       </b-card-body>
@@ -37,6 +35,7 @@
 import { BCollapse, BIconChevronRight, BIconChevronDown } from 'bootstrap-vue';
 import Description from './Description.vue';
 import Metadata from './Metadata.vue';
+import ProviderRoles from './ProviderRoles.vue';
 
 export default {
   name: 'Provider',
@@ -45,7 +44,8 @@ export default {
     BIconChevronDown,
     BIconChevronRight,
     Description,
-    Metadata
+    Metadata,
+    ProviderRoles
   },
   props: {
     provider: {
diff --git a/src/components/ProviderRoles.vue b/src/components/ProviderRoles.vue
new file mode 100644
index 000000000..760ccd5ac
--- /dev/null
+++ b/src/components/ProviderRoles.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="roles ml-1" v-if="Array.isArray(roles)">
+    <b-badge v-for="role in roles" :key="role" variant="secondary" class="ml-1 mb-1">
+      {{ displayRole(role) }}
+    </b-badge>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ProviderRoles',
+  props: {
+    roles: {
+      type: Array,
+      default: null
+    }
+  },
+  methods: {
+    displayRole(role) {
+      let key = `providers.role.${role}`;
+      if (this.$te(key)) {
+        return this.$t(key);
+      }
+      return role;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.badge {
+  text-transform: uppercase;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Providers.vue b/src/components/Providers.vue
index 58b1edd3c..86d1633b5 100644
--- a/src/components/Providers.vue
+++ b/src/components/Providers.vue
@@ -1,6 +1,6 @@
 <template>
   <section class="providers mb-4">
-    <h2>Providers</h2>
+    <h2>{{ $tc('providers.title', count) }}</h2>
     <b-list-group v-if="isSimple">
       <b-list-group-item
         v-for="(provider, key) in providers" :key="key" :href="provider.url" :disabled="!provider.url"
@@ -8,9 +8,7 @@
         class="provider"
       >
         {{ provider.name }}
-        <div class="roles ml-1" v-if="Array.isArray(provider.roles)">
-          <b-badge v-for="role in provider.roles" :key="role" variant="secondary" class="ml-1 mb-1">{{ role }}</b-badge>
-        </div>
+        <ProviderRoles :roles="provider.roles" />
       </b-list-group-item>
     </b-list-group>
     <div v-else class="accordion" role="tablist">
@@ -21,13 +19,16 @@
 
 <script>
 import { BListGroup, BListGroupItem } from 'bootstrap-vue';
+import ProviderRoles from './ProviderRoles.vue';
+import Utils from '../utils';
 
 export default {
   name: 'Providers',
   components: {
     BListGroup,
     BListGroupItem,
-    Provider: () => import('./Provider.vue')
+    Provider: () => import('./Provider.vue'),
+    ProviderRoles
   },
   props: {
     providers: {
@@ -36,6 +37,9 @@ export default {
     }
   },
   computed: {
+    count() {
+      return Utils.size(this.providers);
+    },
     isSimple() {
       // We can show the providers much simpler if there are no additional information
       return !this.providers.find(provider => {
@@ -57,10 +61,6 @@ export default {
     align-items: center;
     padding: 0.5rem 0.8rem;
     background-color: rgba(0,0,0,0.03);
-    
-    .badge {
-      text-transform: uppercase;
-    }
   }
 }
 </style>
diff --git a/src/components/QueryableInput.vue b/src/components/QueryableInput.vue
index ef1b580d2..a793e8abf 100644
--- a/src/components/QueryableInput.vue
+++ b/src/components/QueryableInput.vue
@@ -42,6 +42,8 @@
         v-else-if="queryableType === 'dateField'"
         type="datetime"
         class="value"
+        :lang="datepickerLang"
+        :format="datepickerFormat"
         :value="value"
         @input="updateValue($event)"
       />
@@ -51,15 +53,17 @@
       </b-button>
     </b-row>
 
-    <b-row v-if="help" class="queryable-help">
-      <small class="text-muted" v-html="help" />
+    <b-row v-if="help" class="queryable-help text-muted small">
+      <Description :description="help" inline />
     </b-row>
   </div>
 </template>
 
 <script>
-import Utils from '../utils';
 import { BFormInput, BFormSelect, BIconXCircleFill } from 'bootstrap-vue';
+
+import DatePickerMixin from './DatePickerMixin';
+import Utils from '../utils';
     
 export default {
   name: 'QueryableInput',
@@ -67,8 +71,11 @@ export default {
     BFormInput,
     BFormSelect,
     BIconXCircleFill,
-    DatePicker: () => import('vue2-datepicker')
+    Description: () => import('./Description.vue')
   },
+  mixins: [
+    DatePickerMixin
+  ],
   props: {
     title: {
       type: String,
@@ -103,10 +110,10 @@ export default {
     },
     help() {
       if (this.operator === 'LIKE') {
-        return 'You can use wildcard characters. <code>_</code> matches a single character, <code>%</code> matches any number of characters. To search for a wildcard character specifically, you need to add a <code>\\</code> in front of the character.';
+        return this.$t('search.likeOperatorDescription');
       }
       else if (this.queryableType === 'dateField') {
-        return 'All times in UTC.';
+        return this.$t('search.dateDescription');
       }
       return null;
     },
@@ -128,11 +135,11 @@ export default {
       return null;
     },
     operatorOptions() {
-      const LESS_THAN = {text: 'less than', value: '<'};
-      const MORE_THAN = {text: 'greater than', value: '>'};
-      const EQUALS = {text: 'equal to', value: '='};
-      const NOT_EQUALS = {text: 'not equal to', value: '<>'};
-      const LIKE = {text: 'matches', value: 'LIKE'};
+      const LESS_THAN = {text: this.$t('search.lessThan'), value: '<'};
+      const MORE_THAN = {text: this.$t('search.greaterThan'), value: '>'};
+      const EQUALS = {text: this.$t('search.equalTo'), value: '='};
+      const NOT_EQUALS = {text: this.$t('search.notEqualTo'), value: '<>'};
+      const LIKE = {text: this.$t('search.matches'), value: 'LIKE'};
 
       if (this.isNumeric || this.queryableType === 'dateField') {
         return [LESS_THAN, MORE_THAN, EQUALS, NOT_EQUALS];
diff --git a/src/components/SearchBox.vue b/src/components/SearchBox.vue
index e8daaa581..51fcf53dd 100644
--- a/src/components/SearchBox.vue
+++ b/src/components/SearchBox.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="vue-component search-box">
     <span class="icon">🔎</span>
-    <b-form-input type="search" v-model.trim="searchTerm" :placeholder="placeholder" />
+    <b-form-input type="search" v-model.trim="searchTerm" :placeholder="placeholder || $t('search.placeholder')" />
   </div>
 </template>
 
@@ -20,7 +20,7 @@ export default {
     },
     placeholder: {
       type: String,
-      default: 'Search'
+      default: null
     }
   },
   data() {
diff --git a/src/components/Share.vue b/src/components/Share.vue
deleted file mode 100644
index 2464652ee..000000000
--- a/src/components/Share.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-  <div class="share mt-1">
-    <b-button-group>
-      <b-button v-if="stacUrl" size="sm" variant="outline-primary" id="popover-link" title="Details about the STAC source"><b-icon-link /> <span class="button-label">Source</span></b-button>
-      <b-button size="sm" variant="outline-primary" id="popover-share" title="Share this page with others"><b-icon-share /> <span class="button-label">Share</span></b-button>
-    </b-button-group>
-    <b-popover
-      v-if="stacUrl" target="popover-link" triggers="click blur" placement="bottom"
-      container="stac-browser" title="Source Data"
-      @show="validate"
-    >
-      <template v-if="stacVersion">
-        <b-row>
-          <b-col cols="2">STAC Version:</b-col>
-          <b-col>{{ stacVersion }}</b-col>
-        </b-row>
-        <b-row v-if="canValidate">
-          <b-col cols="2">Valid:</b-col>
-          <b-col>
-            <b-spinner v-if="valid === null" label="Validating..." small />
-            <template v-else-if="valid === true">✔️</template>
-            <template v-else-if="valid === false">❌</template>
-            <template v-else>n/a</template>
-          </b-col>
-        </b-row>
-        <hr>
-      </template>
-      <Url id="stacUrl" :url="stacUrl" label="The STAC metdata file is located at:" />
-    </b-popover>
-    <b-popover target="popover-share" triggers="click blur" placement="bottom" container="stac-browser" title="Share">
-      <Url id="browserUrl" :url="browserUrl()" label="Share the URL of this page anywhere you like:" :open="false" />
-      <hr>
-      <b-button class="twitter mr-1" :href="twitterUrl"><b-icon-twitter /> Twitter</b-button>
-      <b-button variant="dark" :href="mailTo"><b-icon-envelope /> Mail</b-button>
-    </b-popover>
-  </div>
-</template>
-
-<script>
-import { BIconEnvelope, BIconLink, BIconShare, BIconTwitter, BPopover } from 'bootstrap-vue';
-import { mapState } from 'vuex';
-
-import Url from './Url.vue';
-
-import URI from 'urijs';
-import Utils from '../utils';
-
-export default {
-    name: "Share",
-    components: {
-        BIconEnvelope,
-        BIconLink,
-        BIconShare,
-        BIconTwitter,
-        BPopover,
-        Url
-    },
-    props: {
-        title: {
-            type: String,
-            required: true
-        },
-        stacUrl: {
-            type: String,
-            default: null
-        },
-        stacVersion: {
-            type: String,
-            default: null
-        }
-    },
-    computed: {
-        ...mapState(['privateQueryParameters', 'stacLint', 'stacProxyUrl', 'valid']),
-        canValidate() {
-            if (!this.stacLint || typeof this.stacUrl !== 'string') {
-                return false;
-            }
-            else if (Utils.size(this.privateQueryParameters) > 0) {
-                // Don't expose private query parameters to externals
-                return false;
-            }
-            else if (Array.isArray(this.stacProxyUrl)) {
-                // Don't validate if a proxy has been set
-                return false;
-            }
-            let uri = new URI(this.stacUrl);
-            let host = uri.hostname().toLowerCase();
-            if (host === 'localhost' || host.startsWith('127.') || host === '::1') {
-                // Can't validate localhost
-                return false;
-            }
-            return true;
-        },
-        message() {
-            return `${this.title} is available at ${this.browserUrl()}`;
-        },
-        twitterUrl() {
-            let text = encodeURIComponent(this.message);
-            return `https://twitter.com/intent/tweet?text=${text}`;
-        },
-        mailTo() {
-            let title = encodeURIComponent(this.title);
-            let text = encodeURIComponent(this.message);
-            return `mailto:?subject=${title}&body=${text}`;
-        }
-    },
-    methods: {
-        async validate() {
-            await this.$store.dispatch('validate', this.stacUrl);
-        },
-        browserUrl() {
-          return window.location.toString();
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.popover {
-    width: 100%;
-    max-width: 800px;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index e5b4cde6c..3be182564 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -3,7 +3,9 @@
     <Loading v-if="!parents" />
     <Tree v-else-if="root" :item="root" :path="parents" />
 
-    <b-button v-if="allowSelectCatalog" class="switch-catalog mt-4" variant="light"><router-link to="/"><b-icon-arrow-left-right /> Switch Catalog</router-link></b-button>
+    <b-button v-if="allowSelectCatalog" class="switch-catalog mt-4" variant="light">
+      <router-link to="/"><b-icon-arrow-left-right /> {{ $t('sidebar.switchCatalog') }}</router-link>
+    </b-button>
   </div>
 </template>
 
diff --git a/src/components/SortButtons.vue b/src/components/SortButtons.vue
index 136983948..743d284b8 100644
--- a/src/components/SortButtons.vue
+++ b/src/components/SortButtons.vue
@@ -1,10 +1,10 @@
 <template>
-  <b-button-group title="Sort" size="sm">
-    <b-button @click="toggle(1)" variant="outline-primary" title="Sort in acending order (A-Z)" :pressed="value === 1 || (enforce && value !== -1)">
-      <b-icon-sort-alpha-down /> <span class="button-label">Ascending</span>
+  <b-button-group :title="$t('sort.title')" size="sm">
+    <b-button @click="toggle(1)" variant="outline-primary" :title="$t('sort.asc.title')" :pressed="value === 1 || (enforce && value !== -1)">
+      <b-icon-sort-alpha-down /> <span class="button-label">{{ $t('sort.asc.label') }}</span>
     </b-button>
-    <b-button @click="toggle(-1)" variant="outline-primary" title="Sort in descending order (Z-A)" :pressed="value === -1">
-      <b-icon-sort-alpha-up /> <span class="button-label">Descending</span>
+    <b-button @click="toggle(-1)" variant="outline-primary" :title="$t('sort.desc.title')" :pressed="value === -1">
+      <b-icon-sort-alpha-up /> <span class="button-label">{{ $t('sort.desc.label') }}</span>
     </b-button>
   </b-button-group>
 </template>
diff --git a/src/components/Source.vue b/src/components/Source.vue
new file mode 100644
index 000000000..49d848497
--- /dev/null
+++ b/src/components/Source.vue
@@ -0,0 +1,215 @@
+<template>
+  <div class="share mt-1">
+    <b-button-group>
+      <b-button v-if="stacUrl" size="sm" variant="outline-primary" id="popover-link" :title="$t('source.detailsAboutSource')">
+        <b-icon-link /> <span class="button-label">{{ $t('source.label') }}</span>
+      </b-button>
+      <b-button size="sm" variant="outline-primary" id="popover-share" :title="$t('source.share.withOthers')">
+        <b-icon-share /> <span class="button-label">{{ $t('source.share.label') }}</span>
+      </b-button>
+      <b-dropdown size="sm" variant="outline-primary" right :title="$t('source.language.switch')">
+        <template #button-content>
+          <b-icon-flag /> <span class="button-label">{{ $t('source.language.label', {currentLanguage}) }}</span>
+        </template>
+        <b-dropdown-item v-for="l of languages" :key="l.code" class="lang-item" @click="switchLocale(l.code)">
+          <b-icon-check v-if="locale === l.code" />
+          <b-icon-blank v-else />
+          <span class="title">
+            {{ l.native }}
+            <template v-if="l.global && l.global !== l.native"> / {{ l.global }}</template>
+          </span>
+          <b-icon-exclamation-triangle v-if="supportsLanguageExt && (!l.ui || !l.data)" :title="l.ui ? $t('source.language.onlyUI') : $t('source.language.onlyData')" class="ml-2" />
+        </b-dropdown-item>
+      </b-dropdown>
+    </b-button-group>
+    <b-popover
+      v-if="stacUrl" target="popover-link" triggers="click blur" placement="bottom"
+      container="stac-browser" :title="$t('source.title')"
+      @show="validate"
+    >
+      <template v-if="stacVersion">
+        <b-row>
+          <b-col cols="2">{{ $t('source.stacVersion') }}</b-col>
+          <b-col>{{ stacVersion }}</b-col>
+        </b-row>
+        <b-row v-if="canValidate">
+          <b-col cols="2">{{ $t('source.valid') }}</b-col>
+          <b-col>
+            <b-spinner v-if="valid === null" :label="$t('source.validating')" small />
+            <template v-else-if="valid === true">✔️</template>
+            <template v-else-if="valid === false">❌</template>
+            <template v-else>$t('source.validationNA')</template>
+          </b-col>
+        </b-row>
+        <hr>
+      </template>
+      <Url id="stacUrl" :url="stacUrl" :label="$t('source.locatedAt')" />
+    </b-popover>
+    <b-popover target="popover-share" triggers="click blur" placement="bottom" container="stac-browser" :title="$t('source.share.title')">
+      <Url id="browserUrl" :url="browserUrl()" :label="$t('source.share.sharePageWithOthers')" :open="false" />
+      <hr>
+      <b-button class="twitter mr-1" :href="twitterUrl"><b-icon-twitter /> {{ $t('source.share.twitter') }}</b-button>
+      <b-button variant="dark" :href="mailTo"><b-icon-envelope /> {{ $t('source.share.email') }}</b-button>
+    </b-popover>
+  </div>
+</template>
+
+<script>
+import { 
+  BIconBlank, BIconCheck, BIconEnvelope, BIconExclamationTriangle, BIconFlag, BIconLink, BIconShare, BIconTwitter,
+  BDropdown, BDropdownItem, BPopover } from 'bootstrap-vue';
+import { mapActions, mapGetters, mapState } from 'vuex';
+
+import Url from './Url.vue';
+
+import URI from 'urijs';
+import Utils from '../utils';
+import { getBest, prepareSupported } from 'locale-id';
+
+const LANGUAGE_EXT = 'https://stac-extensions.github.io/language/v1.*/schema.json';
+
+export default {
+    name: "Source",
+    components: {
+        BDropdown,
+        BDropdownItem,
+        BIconBlank,
+        BIconCheck,
+        BIconEnvelope,
+        BIconExclamationTriangle,
+        BIconFlag,
+        BIconLink,
+        BIconShare,
+        BIconTwitter,
+        BPopover,
+        Url
+    },
+    props: {
+        title: {
+            type: String,
+            required: true
+        },
+        stacUrl: {
+            type: String,
+            default: null
+        },
+        stacVersion: {
+            type: String,
+            default: null
+        }
+    },
+    computed: {
+        ...mapState(['dataLanguages', 'locale', 'privateQueryParameters', 'supportedLocales', 'stacLint', 'stacProxyUrl', 'uiLanguage', 'valid']),
+        ...mapGetters(['supportsExtension']),
+        currentLanguage() {
+          let lang = this.languages.find(l => l.code === this.locale);
+          if (lang) {
+            return lang.native;
+          }
+          else {
+            return '-';
+          }
+        },
+        canValidate() {
+            if (!this.stacLint || typeof this.stacUrl !== 'string') {
+                return false;
+            }
+            else if (Utils.size(this.privateQueryParameters) > 0) {
+                // Don't expose private query parameters to externals
+                return false;
+            }
+            else if (Array.isArray(this.stacProxyUrl)) {
+                // Don't validate if a proxy has been set
+                return false;
+            }
+            let uri = new URI(this.stacUrl);
+            let host = uri.hostname().toLowerCase();
+            if (host === 'localhost' || host.startsWith('127.') || host === '::1') {
+                // Can't validate localhost
+                return false;
+            }
+            return true;
+        },
+        message() {
+            return this.$t('source.share.message', {title: this.title, url: this.browserUrl()});
+        },
+        twitterUrl() {
+            let text = encodeURIComponent(this.message);
+            return `https://twitter.com/intent/tweet?text=${text}`;
+        },
+        mailTo() {
+            let title = encodeURIComponent(this.title);
+            let text = encodeURIComponent(this.message);
+            return `mailto:?subject=${title}&body=${text}`;
+        },
+        supportsLanguageExt() {
+          return this.supportsExtension(LANGUAGE_EXT);
+        },
+        languages() {
+          let languages = [];
+
+          // Add all UI languages
+          for(let code of this.supportedLocales) {
+            languages.push({
+              code,
+              native: this.$t(`languages.${code}.native`),
+              global: this.$t(`languages.${code}.global`),
+              ui: true
+            });
+          }
+
+          // Add missing data languages
+          for(let lang of this.dataLanguages) {
+            if (!Utils.isObject(lang) || !lang.code || this.supportedLocales.includes(lang.code.toLowerCase())) {
+              continue;
+            }
+            let newLang = {
+              code: lang.code
+            };
+            newLang.native = lang.name || lang.alternate || lang.code;
+            newLang.global = lang.alternate || lang.name || lang.code;
+            newLang.data = true;
+            languages.push(newLang);
+          }
+
+          if (this.supportsExtension(LANGUAGE_EXT)) {
+            // Determine which languages are complete
+            const uiSupported = prepareSupported(this.supportedLocales);
+            const dataSupported = prepareSupported(this.dataLanguages.map(l => l.code));
+            for(let l of languages) {
+              if (!l.ui) {
+                l.ui = Boolean(getBest(uiSupported, l.code, null));
+              }
+              if (!l.data) {
+                l.data = Boolean(getBest(dataSupported, l.code, null));
+              }
+            }
+          }
+          
+          return languages.sort((a,b) => a.global.localeCompare(b.global, this.uiLanguage));
+        }
+    },
+    methods: {
+        ...mapActions(['switchLocale', 'validate']),
+        async validate() {
+            await this.validate(this.stacUrl);
+        },
+        browserUrl() {
+          return window.location.toString();
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.popover {
+    width: 100%;
+    max-width: 800px;
+}
+.lang-item > .dropdown-item {
+  display: flex;
+  > .title {
+    flex: 1;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/StacFieldsMixin.js b/src/components/StacFieldsMixin.js
new file mode 100644
index 000000000..91087cdb9
--- /dev/null
+++ b/src/components/StacFieldsMixin.js
@@ -0,0 +1,20 @@
+import { mapState } from 'vuex';
+
+export default functions => {
+  let mixin = {
+    computed: {
+      ...mapState(['uiLanguage'])
+    },
+    methods: {}
+  };
+  for(let name in functions) {
+    let fn = functions[name];
+    mixin.methods[name] = function() {
+      // We call uiLanguage once so that it's a dependency for the computed property
+      // which makes the computed property to re-render when uiLanguage changes.
+      this.uiLanguage;
+      return fn(...arguments);
+    };
+  }
+  return mixin;
+};
\ No newline at end of file
diff --git a/src/components/StacHeader.vue b/src/components/StacHeader.vue
index 3559307de..4781dcd2f 100644
--- a/src/components/StacHeader.vue
+++ b/src/components/StacHeader.vue
@@ -9,26 +9,28 @@
         <span class="title">{{ title }}</span>
       </h1>
       <p class="lead" v-if="url || isSearchPage()">
-        <span class="in mr-3" v-if="containerLink">in <StacLink :data="containerLink" /></span>
+        <i18n v-if="containerLink" tag="span" path="in" class="in mr-3">
+          <template #catalog><StacLink :data="containerLink" /></template>
+        </i18n>
         <b-button-group>
-          <b-button v-if="parentLink" :to="toBrowserPath(parentLink.href)" :title="`Go to parent > ${parentLink.title}`" variant="outline-primary" size="sm">
-            <b-icon-arrow-90deg-up /> <span class="button-label prio">Go to Parent</span>
+          <b-button v-if="parentLink" :to="toBrowserPath(parentLink.href)" :title="parentLinkTitle" variant="outline-primary" size="sm">
+            <b-icon-arrow-90deg-up /> <span class="button-label prio">{{ $t('goToParent.label') }}</span>
           </b-button>
-          <b-button v-if="collectionLink" :to="toBrowserPath(collectionLink.href)" :title="`Go to collection > ${collectionLink.title}`" variant="outline-primary" size="sm">
-            <b-icon-folder-symlink /> <span class="button-label prio">Go to Collection</span>
+          <b-button v-if="collectionLink" :to="toBrowserPath(collectionLink.href)" :title="collectionLinkTitle" variant="outline-primary" size="sm">
+            <b-icon-folder-symlink /> <span class="button-label prio">{{ $t('goToCollection.label') }}</span>
           </b-button>
-          <b-button variant="outline-primary" size="sm" v-b-toggle.sidebar title="Browse">
-            <b-icon-book /> <span class="button-label prio">Browse</span>
+          <b-button variant="outline-primary" size="sm" v-b-toggle.sidebar :title="$t('browse')">
+            <b-icon-book /> <span class="button-label prio">{{ $t('browse') }}</span>
           </b-button>
-          <b-button v-if="searchBrowserLink" variant="outline-primary" size="sm" :to="searchBrowserLink" title="Search" :pressed="isSearchPage()">
-            <b-icon-search /> <span class="button-label prio">Search</span>
+          <b-button v-if="searchBrowserLink" variant="outline-primary" size="sm" :to="searchBrowserLink" :title="$t('search.title')" :pressed="isSearchPage()">
+            <b-icon-search /> <span class="button-label prio">{{ $t('search.title') }}</span>
           </b-button>
-          <b-button v-if="authConfig" variant="outline-primary" size="sm" @click="auth" title="Provide or update your credentials">
+          <b-button v-if="authConfig" variant="outline-primary" size="sm" @click="auth" :title="$t('authentication.button.title')">
             <template v-if="authData">
-              <b-icon-lock /> <span class="button-label">Authenticated</span>
+              <b-icon-lock /> <span class="button-label">{{ $t('authentication.button.authenticated') }}</span>
             </template>
             <template v-else>
-              <b-icon-unlock /> <span class="button-label">Authenticate</span>
+              <b-icon-unlock /> <span class="button-label">{{ $t('authentication.button.authenticate') }}</span>
             </template>
           </b-button>
         </b-button-group>
@@ -54,11 +56,27 @@ export default {
     BIconLock,
     BIconUnlock,
     StacLink,
-    Share: () => import('../components/Share.vue')
+    Share: () => import('./Source.vue')
   },
   computed: {
     ...mapState(['allowSelectCatalog', 'authConfig', 'authData', 'catalogUrl', 'data', 'url', 'title']),
     ...mapGetters(['root', 'parentLink', 'collectionLink', 'stacVersion', 'toBrowserPath']),
+    collectionLinkTitle() {
+      if (Utils.hasText(this.collectionLink.title)) {
+        return this.$t('goToCollection.descriptionWithTitle', this.collectionLink);
+      }
+      else {
+        return this.$t('goToCollection.description');
+      }
+    },
+    parentLinkTitle() {
+      if (Utils.hasText(this.parentLink.title)) {
+        return this.$t('goToParent.descriptionWithTitle', this.parentLink);
+      }
+      else {
+        return this.$t('goToParent.description');
+      }
+    },
     icon() {
       if (this.data instanceof STAC) {
         let icons = this.data.getIcons();
diff --git a/src/components/Tree.vue b/src/components/Tree.vue
index 7a1e87c89..a28fb7e61 100644
--- a/src/components/Tree.vue
+++ b/src/components/Tree.vue
@@ -20,18 +20,18 @@
 
       <template v-if="expanded && mayHaveChildren">
         <ul v-if="loading" class="tree">
-          <li><b-spinner label="Loading..." small /></li>
+          <li><b-spinner :label="$t('loading')" small /></li>
         </ul>
         <ul v-else-if="childs.length === 0" class="tree">
           <li>
             <b-button size="sm" variant="light" disabled>
-              No children available.
+              {{ $t('tree.noChildren') }}
             </b-button>
           </li>
         </ul>
         <template v-else>
           <Tree v-for="(child, i) in shownChilds" :key="i" :item="child" :parent="stac" :path="path" />
-          <b-button class="show-more" v-if="hasMore" @click="showMore" variant="light" v-b-visible.300="showMore">Show more...</b-button>
+          <b-button class="show-more" v-if="hasMore" @click="showMore" variant="light" v-b-visible.300="showMore">{{ $t('showMore') }}</b-button>
         </template>
       </template>
     </li>
@@ -138,7 +138,7 @@ export default {
     },
     title() {
       if (this.pagination) {
-        return 'more pages available for Collection';
+        return this.$t('tree.moreCollectionPagesAvailable');
       }
       return STAC.getDisplayTitle([this.item, this.stac]);
     },
diff --git a/src/components/Url.vue b/src/components/Url.vue
index c392dd6c5..7e5d8eb7c 100644
--- a/src/components/Url.vue
+++ b/src/components/Url.vue
@@ -4,7 +4,7 @@
       <b-form-input :id="id" ref="input" :value="url" readonly />
       <b-input-group-append>
         <CopyButton :copyText="url" variant="primary" />
-        <b-button v-if="open" :href="url" target="_blank" variant="primary" title="Open"><b-icon-arrow-up-right-square /></b-button>
+        <b-button v-if="open" :href="url" target="_blank" variant="primary" :title="$t('open')"><b-icon-arrow-up-right-square /></b-button>
       </b-input-group-append>
     </b-input-group>
   </b-form-group>
diff --git a/src/components/ViewButtons.vue b/src/components/ViewButtons.vue
index 8abe42d8b..d2291a364 100644
--- a/src/components/ViewButtons.vue
+++ b/src/components/ViewButtons.vue
@@ -1,10 +1,10 @@
 <template>
-  <b-button-group title="Sort" size="sm">
-    <b-button @click="toggle('cards')" title="Show as tiles" variant="outline-primary" :pressed="value === 'cards'">
-      <b-icon-bricks /> <span class="button-label">Tiles</span>
+  <b-button-group :title="$t('view.title')" size="sm">
+    <b-button @click="toggle('cards')" :title="$t('view.tiles.title')" variant="outline-primary" :pressed="value === 'cards'">
+      <b-icon-bricks /> <span class="button-label">{{ $t('view.tiles.label') }}</span>
     </b-button>
-    <b-button @click="toggle('list')" title="Show as list" variant="outline-primary" :pressed="value === 'list'">
-      <b-icon-list-task /> <span class="button-label">List</span>
+    <b-button @click="toggle('list')" :title="$t('view.list.title')" variant="outline-primary" :pressed="value === 'list'">
+      <b-icon-list-task /> <span class="button-label">{{ $t('view.list.label') }}</span>
     </b-button>
   </b-button-group>
 </template>
diff --git a/src/components/metadata/MetadataEntry.vue b/src/components/metadata/MetadataEntry.vue
index b6816ccbe..9670b5df1 100644
--- a/src/components/metadata/MetadataEntry.vue
+++ b/src/components/metadata/MetadataEntry.vue
@@ -1,6 +1,6 @@
 <template>
   <b-row>
-    <b-col md="3" class="label" :title="field" v-html="label" />
+    <b-col :md="showTable ? 12 : 3" class="label" :title="field" v-html="label" />
     <b-col v-if="showTable" md="12" class="value mt-2">
       <MetadataTable v-bind="$props" />
     </b-col>
@@ -12,6 +12,10 @@
 import EntryMixin from './EntryMixin';
 import Utils from '../../utils';
 
+const FORCE_TABLE = [
+  'languages'
+];
+
 export default {
   name: "MetadataEntry",
   components: {
@@ -22,7 +26,7 @@ export default {
   ],
   computed: {
     showTable() {
-      return this.itemOrder.length > 0 && Utils.size(this.value) >= 3;
+      return FORCE_TABLE.includes(this.field) || this.itemOrder.length > 0 && Utils.size(this.value) >= 3;
     }
   }
 };
diff --git a/src/components/metadata/MetadataGroup.vue b/src/components/metadata/MetadataGroup.vue
index c9279026f..808ea4cd3 100644
--- a/src/components/metadata/MetadataGroup.vue
+++ b/src/components/metadata/MetadataGroup.vue
@@ -2,7 +2,7 @@
   <b-card no-body :key="extension" :class="['metadata-card', `ext-${extension}`]">
     <b-card-title>
       <span v-if="label" v-html="label" />
-      <template v-else>General</template>
+      <template v-else>{{ $t('metadata.general') }}</template>
     </b-card-title>
     <section class="border metadata-rows">
       <MetadataEntry v-for="(entry, key) in properties" v-bind="entry" :field="key" :key="key" />
diff --git a/src/components/metadata/MetadataTable.vue b/src/components/metadata/MetadataTable.vue
index bbfc000f7..86a6e5fc6 100644
--- a/src/components/metadata/MetadataTable.vue
+++ b/src/components/metadata/MetadataTable.vue
@@ -3,6 +3,7 @@
     class="metadata-table" :items="tblItems" :fields="tblFields" variant="light"
     responsive small
     sticky-header striped
+    v-bind="tblTexts"
   >
     <template #head()="data">
       <span v-html="data.label" />
@@ -16,6 +17,7 @@
 <script>
 import { BTable } from 'bootstrap-vue';
 import EntryMixin from './EntryMixin';
+import StacFieldsMixin from '../StacFieldsMixin';
 import Utils from '../../utils';
 import { format } from '@radiantearth/stac-fields';
 
@@ -25,9 +27,19 @@ export default {
     BTable
   },
   mixins: [
-    EntryMixin
+    EntryMixin,
+    StacFieldsMixin({ format })
   ],
   computed: {
+    tblTexts() {
+      return {
+        'empty-filtered-text': this.$t('table.emptyFilteredText'),
+        'empty-text': this.$t('table.emptyText'),
+        'label-sort-asc': this.$t('table.sort.asc'),
+        'label-sort-desc': this.$t('table.sort.desc'),
+        'label-sort-clear': this.$t('table.sort.clear')
+      };
+    },
     tblItems() {
       if (Utils.isObject(this.value)) {
         let items = [];
@@ -51,7 +63,8 @@ export default {
           key,
           label: col.label,
           sortable: col.sortable,
-          formatter: this.formatCell.bind(this)
+          formatter: this.formatCell.bind(this),
+          default: col.default
         });
       }
       if (Utils.isObject(this.value)) {
@@ -68,7 +81,10 @@ export default {
     formatCell(value, key, item) {
       let spec = this.items[key];
       // ToDo: Set context (third param)?
-      return format(value, key, NaN, item, spec);
+      if (typeof spec.default !== 'undefined' && (typeof value === 'undefined' || value === null)) {
+        value = spec.default;
+      }
+      return this.format(value, key, NaN, item, spec);
     }
   }
 };
diff --git a/src/config.js b/src/config.js
new file mode 100644
index 000000000..dfed89510
--- /dev/null
+++ b/src/config.js
@@ -0,0 +1,9 @@
+let config;
+if (typeof CONFIG_PATH === 'undefined' && typeof CONFIG_CLI === 'undefined') {
+  config = require('../config');
+}
+else {
+  config = Object.assign(require(CONFIG_PATH), CONFIG_CLI);
+}
+
+export default config;
\ No newline at end of file
diff --git a/src/i18n.js b/src/i18n.js
new file mode 100644
index 000000000..7ac77e2cb
--- /dev/null
+++ b/src/i18n.js
@@ -0,0 +1,56 @@
+import Vue from 'vue';
+import VueI18n from 'vue-i18n';
+import CONFIG from './config';
+import {default as Fields} from '@radiantearth/stac-fields/I18N';
+import Utils from './utils';
+
+Vue.use(VueI18n);
+
+export const API_LANGUAGE_CONFORMANCE = ['https://api.stacspec.org/v1.*/language'];
+
+const LOCALE_CONFIG = {};
+
+function loadLocaleConfig() {
+  // Load locale config
+  for(let locale of CONFIG.supportedLocales) {
+    LOCALE_CONFIG[locale] = require(`./locales/${locale}/config.json`);
+  }
+  const messages = {};
+  // Add language names all other languages
+  for(let locale in LOCALE_CONFIG) {
+      messages[locale] = {
+        languages: LOCALE_CONFIG
+      };
+  }
+  return messages;
+}
+
+const i18n = new VueI18n({
+  locale: CONFIG.locale,
+  fallbackLocale: CONFIG.fallbackLocale,
+  messages: loadLocaleConfig()
+});
+loadMessages(CONFIG.locale);
+loadMessages(CONFIG.fallbackLocale);
+export default i18n;
+
+export async function loadMessages(locale) {
+  // Check whether the language has already been loaded
+  // Note that a languages key is already present thus check >1 and not >0
+  if (Utils.size(i18n.messages[locale]) > 1) {
+    return;
+  }
+  const messages = (await import(`./locales/${locale}/default.js`)).default;
+  i18n.mergeLocaleMessage(locale, messages);
+}
+
+export function translateFields(value, vars = null) {
+  if (typeof value !== 'string' || value.length === 0) {
+    return value;
+  }
+  let key = `fields.${value}`;
+  if (i18n.te(key)) {
+    return i18n.t(key, null, vars);
+  }
+  return Fields.format(value, vars);
+}
\ No newline at end of file
diff --git a/src/locales/de/config.json b/src/locales/de/config.json
new file mode 100644
index 000000000..c04c48a0b
--- /dev/null
+++ b/src/locales/de/config.json
@@ -0,0 +1,4 @@
+{
+  "native": "Deutsch",
+  "global": "German"
+}
\ No newline at end of file
diff --git a/src/locales/de/custom.json b/src/locales/de/custom.json
new file mode 100644
index 000000000..0176f41ab
--- /dev/null
+++ b/src/locales/de/custom.json
@@ -0,0 +1,5 @@
+{
+  "authConfig": {
+    "description": ""
+  }
+}
diff --git a/src/locales/de/datepicker.js b/src/locales/de/datepicker.js
new file mode 100644
index 000000000..f19163e68
--- /dev/null
+++ b/src/locales/de/datepicker.js
@@ -0,0 +1,3 @@
+const format = 'D.M.YYYY';
+const locale = import('vue2-datepicker/locale/de');
+export default {format, locale};
diff --git a/src/locales/de/default.js b/src/locales/de/default.js
new file mode 100644
index 000000000..1853921fe
--- /dev/null
+++ b/src/locales/de/default.js
@@ -0,0 +1,7 @@
+export default Object.assign(
+  {
+    fields: require('./fields.json'),
+  },
+  require('./texts.json'),
+  require('./custom.json')
+);
\ No newline at end of file
diff --git a/src/locales/de/duration.js b/src/locales/de/duration.js
new file mode 100644
index 000000000..dbb6ad0f0
--- /dev/null
+++ b/src/locales/de/duration.js
@@ -0,0 +1,2 @@
+import { de as locale } from '@musement/iso-duration';
+export default locale;
diff --git a/src/locales/de/fields.json b/src/locales/de/fields.json
new file mode 100644
index 000000000..ba2154ee4
--- /dev/null
+++ b/src/locales/de/fields.json
@@ -0,0 +1,476 @@
+{
+  "%": "%",
+  "1 (less latency / less gauges)": "1 (weniger Latenz / weniger Messungen)",
+  "16-bit complex integer": "Komplexe 16-Bit-Ganzzahl",
+  "16-bit float": "16-Bit-Gleitkommazahl",
+  "16-bit integer": "16-Bit-Ganzzahl",
+  "2 (more latency / more gauges)": "2 (mehr Latenz / mehr Messungen)",
+  "32-bit complex float": "Komplexe 32-Bit-Gleitkommazahl",
+  "32-bit complex integer": "Komplexe 32-Bit-Ganzzahl",
+  "32-bit float": "32-Bit-Gleitkommazahl",
+  "32-bit integer": "32-Bit-Ganzzahl",
+  "3: 1x full disk, 3x continental US, 30x mesoscale region 1, 30x mesoscale region 2 (every 15 minutes)": "3: 1x vollständig, 3x kontinentale USA, 30x Mittel-/Südamerika Region 1, 30x Mittel-/Südamerika Region 2 (alle 15 Minuten)",
+  "4: 1x full disk (every 5 minutes)": "4: 1x vollständig (alle 5 Minuten)",
+  "64-bit complex float": "Komplexe 64-Bit-Gleitkommazahl",
+  "64-bit float": "64-Bit-Gleitkommazahl",
+  "64-bit integer": "64-Bit-Ganzzahl",
+  "6: 1x full disk, 2x continental US, 20x mesoscale region 1, 20x mesoscale region 2 (every 10 minutes)": "6: 1x vollständig, 2x kontinentale USA, 20x Mittel-/Südamerika Region 1, 20x Mittel-/Südamerika Region 2 (every 10 minutes)",
+  "8-bit integer": "8-Bit-Ganzzahl",
+  "ANX Time": "ANX-Zeit",
+  "API Version": "API-Version",
+  "API conformance declaration": "API-Konformitätsdeklaration",
+  "API definitions": "API-Definition",
+  "API user socumentation": "API-Benutzerdokumentation",
+  "About this resource": "Über diese Ressource",
+  "Abs. Orbit Number": "Abs. Umlaufbahn-Nummer",
+  "Abs. RTC Accuracy": "Abs. RTC-Genauigkeit",
+  "Absolute Orbit Number": "Absolute Umlaufbahn-Nummer",
+  "Absolute accuracy of the Radiometric Terrain Correction": "Absolute Genauigkeit der radiometrischen Geländekorrektur",
+  "Accumulation Period": "Kumulierungszeitraum",
+  "Alaska": "Alaska",
+  "Alibaba Cloud": "Alibaba Cloud",
+  "Alternate Name": "Alternativer Name",
+  "Alternative Access Methods": "Alternative Zugriffsmethoden",
+  "Alternative representation": "Andere Varianten",
+  "Alternatives": "Alternativen",
+  "Amazon AWS": "Amazon AWS",
+  "Anonymized Location": "Anonymisierter Ort",
+  "Area": "Gebiet",
+  "Area in Central/South America": "Gebiet in Mittel-/Südamerika",
+  "Asset Type": "Typ",
+  "Available Languages": "Verfügbare Sprachen",
+  "Average": "Durchschnitt",
+  "Average spatial resolution": "Durchschnittliche räumliche Auflösung",
+  "Axis": "Achse",
+  "Azimuth Resolution": "Azimutauflösung",
+  "Back-End Version": "Server-Version",
+  "Bands": "Bänder",
+  "Based on IANA relation types": "Basierend auf den IANA-Relationstypen",
+  "Based on the IANA media (MIME) types": "Basierend auf den IANA-Medientypen",
+  "Billing": "Abrechnung",
+  "Binary": "Binär",
+  "Binary file": "Binärdatei",
+  "Bit Mask": "Bit-Maske",
+  "Bitmap": "Bitmap",
+  "Bitmap image": "Bitmap-Bild",
+  "Bits per Sample": "Bits pro Abtastung",
+  "Bounding Box": "Umgebendes Rechteck",
+  "Bundle Type": "Art des Bündels",
+  "Byte Order": "Byte-Reihenfolge",
+  "CARD4L": "CARD4L",
+  "CBERS": "CBERS",
+  "CEOS Analysis Ready Data for Land": "CEOS analysefertige Daten für Landflächen",
+  "CRS": "KRS",
+  "Cadence": "Taktung",
+  "Canceled (delivery stopped)": "Abgebrochen (Lieferung angehalten)",
+  "Capture Mode": "Aufnahmemodus",
+  "Caribbean Islands": "Karibische Inseln",
+  "Center Frequency": "Zentrale Frequenz",
+  "Central Wavelength": "Zentrale Wellenlänge",
+  "Central/South America (mesoscale)": "Mittel-/Südamerika (mesoscale)",
+  "Centroid": "Mittelpunkt",
+  "Checksum": "Prüfsumme",
+  "China-Brazil Earth Resources Satellite Program": "Chinesisch-brasilianisches Programm für Erdressourcen-Satelliten",
+  "Citation": "Zitation",
+  "Citation information": "Informationen zur Zitierung",
+  "Classes": "Klassen",
+  "Classification": "Klassifizierung",
+  "Clear Sky": "Klarer Himmel",
+  "Cloud Cover": "Wolkenbedeckung",
+  "Cloud Storage": "Cloud-Speicher",
+  "Cloud-Optimized GeoTIFF image": "Cloud-optimiertes GeoTIFF-Bild",
+  "Cloud-Optimized Point Cloud (LASzip)": "Cloud-optimierte Punktwolke (LASZip)",
+  "Code": "Kürzel",
+  "Collection Category": "Sammlungskategorie",
+  "Collection Number": "Sammlungsnummer",
+  "Color": "Farbe",
+  "Columns": "Spalten",
+  "Comma-separated values (CSV)": "Kommagetrennte Werte (CSV)",
+  "Common Name": "Allgemeiner Name",
+  "Constellation": "Konstellation",
+  "Container": "Container",
+  "Continental US": "Kontinentale USA",
+  "Control points used to geolocate image, no terrain correction": "Geolokalisierung durch Kontrollpunkte, keine topographische Korrektur",
+  "Control points used to geolocate image, orthorectified": "Geolokalisierung durch Kontrollpunkte, orthorektifiziert",
+  "Coordinate / Temporal / Other Reference System": "Koordinaten-, Zeit- oder andere Referenzsysteme",
+  "Coordinate Reference System": "Koordinatenreferenzsystem",
+  "Coordinate data": "Koordinatendaten",
+  "Copernicus Sentinel": "Copernicus Sentinel",
+  "Count": "Anzahl",
+  "Counts": "Anzahl der Elemente",
+  "Created": "Erstellt",
+  "Current Language": "Aktive Sprache",
+  "DOI": "DOI",
+  "DOQ": "DOQ",
+  "DOQQ": "DOQQ",
+  "Data": "Daten",
+  "Data Coverage": "Daten-Abdeckung",
+  "Data Cube": "Datenwürfel",
+  "Data Lost": "Verlorene Daten",
+  "Data Type": "Datentyp",
+  "Data Type of Values": "Datentyp der Werte",
+  "Data Version": "Datenversion",
+  "Delivered (data is available)": "Geliefert (Daten sind verfügbar)",
+  "Density": "Dichte",
+  "Deprecated": "Abgekündigt",
+  "Description": "Beschreibung",
+  "Description of the resource": "Beschreibung der Ressource",
+  "Digital Orthophoto Quadrangle": "Digitales-Orthofoto-Viereck",
+  "Digital Orthophoto Quarter Quadrangle": "Digitales-Orthofoto-Viertel-Viereck",
+  "Dimensions": "Dimensionen",
+  "Direction": "Richtung",
+  "EASE-DGGS": "EASE-DGGS",
+  "ENL": "ENL",
+  "EPSG Code": "EPSG-Kennung",
+  "East": "Ost",
+  "Eastern Geometric Accuracy": "Östliche geometrische Genauigkeit",
+  "Easting": "Ostrichtung",
+  "Electro-Optical": "Elektrooptisch",
+  "Ellipsoidal Height": "Ellipsoidale Höhe",
+  "Events navigated by Instrument": "Ereignisse nach Instrument navigiert",
+  "Expires": "Läuft ab",
+  "Extent": "Ausdehnung",
+  "FWHM": "FHWM",
+  "Facility": "Einrichtung",
+  "Failed (unable to deliver)": "Gescheitert (Lieferung nicht möglich)",
+  "Federal Office of Topography (Switzerland)": "Bundesamt für Landestopografie der Schweiz",
+  "File": "Datei",
+  "File Format": "Dateiformat",
+  "Finalized": "Finalisiert",
+  "Flag indicating that the spacecraft is operating in yaw flip configuration.": "Kennzeichnung, die anzeigt, dass der Satellit in der der sogenannten \"Yaw Flip\"-Konfiguration betrieben wird.",
+  "Font": "Schriftart",
+  "Footprint": "Fußabdruck",
+  "Forecast": "Vorhersage",
+  "Forecast Horizon": "Horizont der Vorhersage",
+  "Forecast Length": "Länge der Vorhersage",
+  "Format": "Format",
+  "Fraction of level {i} column cell": "Bruchteil der Stufe-{i}-Zellenspalte",
+  "Fraction of level {i} row cell": "Bruchteil der Stufe-{i}-Zellenreihe",
+  "Frequency Band": "Frequenzband",
+  "GHz": "GHz",
+  "GIF image": "GIF-Bild",
+  "GSD": "GSD",
+  "GZIP archive": "GZIP-Archiv",
+  "GeoTIFF image": "GeoTIFF-Bild",
+  "Geolocation precision level": "Präzisionsgrad der Geolokalisierung",
+  "Geolocation using only satellite telemetry": "Geolokalisierung nur durch Satelliten-Telemetrie",
+  "Google Cloud Platform": "Google-Cloud-Plattform",
+  "Google Earth Engine": "Google Earth Engine",
+  "Grayscale with relief": "Graustufen mit Relief",
+  "Grayscale without relief": "Graustufen ohne Relief",
+  "Grid": "Gitter",
+  "Grid Cell": "Zelle des Gitters",
+  "Grid Square": "Gitter-Quadrat",
+  "Gridded Data": "Gitterdaten",
+  "Ground Sample Distance": "Bodendistanz der Messungen",
+  "Guam": "Guam",
+  "HTML (Website)": "HTML (Internetseite)",
+  "HTTP Methods": "HTTP-Methoden",
+  "Hashing algorithm:": "Hash-Code-Algorithmus:",
+  "Hawaii": "Hawaii",
+  "Header Size": "Kopfgröße",
+  "Histogram": "Histogramm",
+  "Horizontal": "Horizontal",
+  "IBM Cloud": "IBM Cloud",
+  "Identifier": "Kennung",
+  "Illustration": "Abbildung",
+  "Image Dimensions": "Bildabmessungen",
+  "Image Strip ID": "Kennung des Bildstreifens",
+  "Image collection": "Bildsammlung",
+  "Incidence Angle": "Inzidenzwinkel",
+  "Incidence Angle (far)": "Inzidenzwinkel (fern)",
+  "Incidence Angle (near)": "Inzidenzwinkel (nah)",
+  "Instrument Mode": "Instrumenten-Modus",
+  "Instruments": "Instrumente",
+  "Int. Designator": "Int. Bezeichnung",
+  "International designator for the platform, also known as COSPAR ID and NSSDCA ID.": "Internationale Kennung der Plattform, auch bekannt als COSPAR ID und NSSDCA ID.",
+  "Internationalization / Localization": "Internationalisierung / Lokalisierung",
+  "Inverted": "Invertiert",
+  "JPEG 2000 image": "JPEG-2000-Bild",
+  "JPEG image": "JPEG-Bild",
+  "JSON encoding of WKT2": "JSON-Kodierung von WKT2",
+  "Keywords": "Schlüsselwörter",
+  "Labels / ML": "Labels / ML",
+  "Land Cloud Cover": "Wolkenbedeckung über Landflächen",
+  "Landsat": "Landsat",
+  "Language": "Sprache",
+  "Latest version": "Neuste Version",
+  "Latitude Band": "Breitengradband",
+  "Level": "Stufe",
+  "Level 0 column cell": "Stufe-0-Zellenspalte",
+  "Level 0 row cell": "Stufe-0-Zellenreihe",
+  "License": "Lizenz",
+  "Lightning Events": "Blitzschlagereignisse",
+  "Lightning Flashes": "Blitzschläge",
+  "Lightning Groups": "Blitzschlaggruppen",
+  "Lightning flash maximum time difference among lightning events in a flash": "Maximaler Zeitunterschied zwischen Blitzschlagereignissen in einem Blitz",
+  "Lightning group maximum time difference among lightning events in a group": "Maximaler Zeitunterschied zwischen Blitzschlagereignissen in einer Gruppe",
+  "Lineage": "Lineage",
+  "Local Path": "Lokaler Pfad",
+  "MGRS": "UTM",
+  "MODIS Sinusoidal Tile Grid": "MODIS Sinusförmiges Kachelgitter",
+  "Map of Values": "Zuordnung der Werte",
+  "Markdown document": "Markdown-Dokument",
+  "Max.": "Max.",
+  "Maxar ARD Tile Grid": "Maxar-ARD-Kachelgitter",
+  "Maxmimum value": "Maximaler Wert",
+  "Mean Faraday Rotation": "Mittlere Faradaysche Rotation",
+  "Measured values": "Gemessene Werte",
+  "Meta Raster Format": "Meta-Raster-Format",
+  "Metadata": "Metadaten",
+  "Methods": "Methoden",
+  "Microsoft": "Microsoft",
+  "Microsoft Azure": "Microsoft Azure",
+  "Military Grid Reference System": "UTM-Referenzsystem",
+  "Min.": "Min.",
+  "Minimum value": "Minimaler Wert",
+  "Mission": "Mission",
+  "NOAA GOES": "NOAA GOES",
+  "NOAA Geostationary Operational Environmental Satellite": "Geostationärer operationeller Umweltsatellit (GOES) der NOAA",
+  "NOAA MRMS QPE": "NOAA MRMS QPE",
+  "NOAA Multi-Radar Multi-Sensor Quantitative Precipitation Estimation": "NOAA Multi-Radar Multi-Sensor Quantitative Niederschlagsberechnung",
+  "Name": "Name",
+  "Neither": "Keiner",
+  "Newline Delimited JSON": "Zeilenvorschub-getrenntes JSON",
+  "Next page": "Nächste Seite",
+  "No-Data Values": "Werte für fehlende Daten",
+  "No-data value": "Wert für fehlende Daten",
+  "Nominal satellite height above GRS 80 ellipsoid": "Nominelle Satellitenhöhe über dem GRS-80-Ellipsoid",
+  "Normalized Radar Backscatter (SAR)": "Normalisierte Radar-Rückstreuung (SAR)",
+  "North": "Nord",
+  "North America (continental US)": "Nordamerika (kontinentale USA)",
+  "Northern Geometric Accuracy": "Nördliche geometrische Genauigkeit",
+  "Northing": "Nordrichtung",
+  "Number of Points": "Anzahl der Punkte",
+  "Number of bits": "Anzahl der Bits",
+  "OGC WMTS web map": "OGC-WMTS-Internetkarte",
+  "Observation Direction": "Beobachtungsrichtung",
+  "Offset": "Versatz",
+  "Offset to the first bit": "Versatz zum ersten Bit",
+  "Open Data Cube": "Open Data Cube",
+  "Operational system, real-time data": "Operatives System, Echtzeitdaten",
+  "Operational system, test data": "Operatives System, Testdaten",
+  "Oracle Cloud": "Oracle Cloud",
+  "Orbit State": "Stadium der Umlaufbahn",
+  "Order": "Bestellung",
+  "Order details": "Details der Bestellung",
+  "Orderable (data can be ordered)": "Bestellbar (Daten können geordert werden)",
+  "Ordered (preparing to deliver data)": "Bestellt (Daten werden zur Auslieferung vorbereitet)",
+  "Orbital Slot": "Orbitaler Slot",
+  "Origin of this document": "Ursprung dieses Dokuments",
+  "Overview": "Übersichtsdarstellung",
+  "Overviews": "Übersichtsdarstellungen",
+  "PDF document": "PDF-Dokument",
+  "PNG image": "PNG-Bild",
+  "PROJJSON": "PROJJSON",
+  "Parent STAC Catalog": "Übergeordneter STAC-Katalog",
+  "Pass Number": "Durchlauf",
+  "Path": "Pfad",
+  "Path Template": "Pfad-Vorlage",
+  "Pending (waiting for activation)": "Ausstehend (wartet auf Aktivierung)",
+  "Percentage of valid pixels": "Prozentsatz der gültigen Pixel",
+  "Planet Labs Inc.": "Planet Labs Inc.",
+  "Platform": "Plattform",
+  "Platform Altitude": "Höhe der Plattform",
+  "Point (at pixel center)": "Punkt (im Pixelzentrum)",
+  "Point Cloud": "Punktwolke",
+  "Points": "Punkte",
+  "Polarimetric Radar (SAR)": "Polarimetrisches Radar (SAR)",
+  "Polarizations": "Polarisationen",
+  "Position": "Position",
+  "Positional Accuracy": "Positionsgenauigkeit",
+  "Predecessor version": "Vorgängerversion",
+  "Preview": "Vorschau",
+  "Previous page": "Vorherige Seite",
+  "Primary Geometry Column": "Primäre Spalte für Geometrien",
+  "Processing": "Prozessierung",
+  "Processing Instructions": "Prozessierungsanweisungen",
+  "Processing Level": "Prozessierungslevel",
+  "Processing Status": "Status der Prozessierung",
+  "Processing inctructions/code": "Prozessierungsanweisungen/-quelltext",
+  "Product ID": "Produkt-Kennung",
+  "Product Type": "Produktart",
+  "Product Variant": "Produkt-Variante",
+  "Production-Ready": "Produktionsreif",
+  "Projection": "Projektion",
+  "Properties": "Eigenschaften",
+  "Property Key": "Eigenschaftenschlüssel",
+  "Provider": "Anbieter",
+  "Providers": "Anbieter",
+  "Publication": "Veröffentlichung",
+  "Publications": "Veröffentlichungen",
+  "Published": "Veröffentlicht",
+  "Publishing Stage": "Stufe der Veröffentlichung",
+  "Purpose": "Zweck",
+  "Quadkey": "Schlüssel des Viertels",
+  "Quadrangle": "Viereck",
+  "Quality Category": "Qualitätskategorie",
+  "Quarter": "Viertel",
+  "RGB color with relief": "RGB-Farben mit Relief",
+  "RGB color without relief": "RGB-Farben ohne Relief",
+  "Raster Imagery": "Rasterbilder",
+  "Read Options": "Lese-Optionen",
+  "Reading and writing direction": "Lese- und Schreibrichtung",
+  "Reference Grid Path": "Pfad des Referenzgitters",
+  "Reference Grid Row": "Reihe des Referenzgitters",
+  "Reference System": "Referenzsystem",
+  "Reference Time": "Referenzzeit",
+  "Region": "Region",
+  "Region 1": "Region 1",
+  "Region 2": "Region 2",
+  "Rel. Orbit Number": "Rel. Umlaufbahn-Nummer",
+  "Rel. RTC Accuracy": "Rel. RTC-Genauigkeit",
+  "Related resource": "Verwandte Ressource",
+  "Relation": "Beziehung",
+  "Relative Orbit Number": "Relative Umlaufbahn-Nummer",
+  "Relative accuracy of the Radiometric Terrain Correction": "Relative Genauigkeit der radiometrischen Geländekorrektur",
+  "Requester Pays": "Anfragender zahlt",
+  "Resolution": "Auflösung",
+  "Revisit Interval": "Wiederbesuchsintervall",
+  "Root STAC Catalog": "Ursprung des STAC-Katalogs",
+  "Row": "Reihe",
+  "Rows": "Reihen",
+  "SAR": "SAR",
+  "STAC Collection": "STAC-Sammlung",
+  "STAC Item for input data": "STAC-Element für die Ursprungsdaten",
+  "SVG vector image": "SVG-Vektorbild",
+  "Sampling": "Abtastung",
+  "Satellite": "Satellit",
+  "Satellite Height": "Höhe des Satellits",
+  "Satellite Subpoint Latitude": "Breitengrad des Satelliten-Lotfußpunktes",
+  "Satellite Subpoint Longitude": "Längengrad des Satelliten-Lotfußpunktes",
+  "Scale": "Skalierung",
+  "Scene ID": "Szenen-Kennung",
+  "Schemas": "Schemata",
+  "Scientific": "Wissenschaft",
+  "Sequence": "Sequenz",
+  "Servers": "Server",
+  "Shipping (data is getting processed)": "In Auslieferung (Daten werden prozessiert)",
+  "Single image": "Einzelnes Bild",
+  "Size": "Größe",
+  "Software": "Software",
+  "Solar Illumination": "Sonnenausleuchtung",
+  "Solar System": "Sonnensystem",
+  "Source data": "Quelldaten",
+  "Source metadata": "Quellen-Metadaten",
+  "South": "Süd",
+  "Spatial Resolution": "Räumliche Auflösung",
+  "Specification": "Spezifikation",
+  "Specification Version": "Spazifikationsversion",
+  "Speckle Filtering": "Speckle-Filter",
+  "Spectral Bands": "Spektrale Bänder",
+  "Square Identifier": "Quadrat-Kennung",
+  "Standard": "Standard",
+  "Standard Deviation": "Standardabweichung",
+  "Statistics": "Statistiken",
+  "Status": "Status",
+  "Std. Dev.": "Standardabw.",
+  "Step": "Schritt",
+  "Storage Account": "Speicherkonto",
+  "Submitted": "Eingereicht",
+  "Successful Rectification Ratio": "Quote der erfolgreichen Rektifizierungen",
+  "Successor version": "Nachfolgeversion",
+  "Summary": "Zusammenfassung",
+  "Sun Azimuth": "Sonnenazimut",
+  "Sun Elevation": "Höhe der Sonne",
+  "Supported Endpoints": "Unterstützte Endpunkte",
+  "Surface Reflectance (Optical)": "Oberflächenreflexion (optisch)",
+  "Surface Temperature (Optical)": "Oberflächentemperatur (optisch)",
+  "Synthetic Aperture Radar": "Radar mit synthetischer Apertur",
+  "System Environment": "Systemumgebung",
+  "TIFF image": "TIFF-Bild",
+  "Table": "Tabelle",
+  "Tables": "Tabellen",
+  "Tabular Data": "Tabellarische Daten",
+  "Target Body": "Zielkörper",
+  "Tasks": "Aufgaben",
+  "Terms of Use": "Nutzungsbedingungen",
+  "Test": "Test",
+  "Test system, playback data": "Testsystem, Playback-Daten",
+  "Test system, real-time data": "Testsystem, Echtzeitdaten",
+  "Test system, simulated data": "Testsystem, simulierte Daten",
+  "Test system, test data": "Testsystem, Testdaten",
+  "Text": "Text",
+  "Text document": "Text-Dokument",
+  "The Americas (full disk)": "Amerika (vollständig)",
+  "The center wavelength of the band": "Die zentrale Wellenlänge des Bandes",
+  "The size of one side of the anonymized bounding box": "Die Größe einer Seite des anonymisierten umgebenden Rechtecks",
+  "The time between the reference time and the forecast time": "Die Zeit zwischen der Referenzzeit und der Vorhersagezeit.",
+  "This document": "Dieses Dokument",
+  "Tier Type": "Stufe",
+  "Tiled Assets": "Dateien in Kacheln",
+  "Time Threshold in a Flash": "Zeitschwelle in einem Blitz",
+  "Time Threshold in a Group": "Zeitschwelle in einer Gruppe",
+  "Time of Data": "Zeitstempel der Daten",
+  "Time of Data begins": "Erster Zeitstempel der Daten",
+  "Time of Data ends": "Letzter Zeitstempel der Daten",
+  "Title": "Titel",
+  "Transformation Matrix": "Transformationsmatrix",
+  "Type": "Typ",
+  "URL": "Adresse",
+  "UTM Zone": "UTM-Zone",
+  "Uncertainty": "Fehler",
+  "Unfilled Image Parts": "Ungefüllte Bildteile",
+  "Unit of Values": "Einheit der Werte",
+  "Unpublished": "Veröffentlichung aufgehoben",
+  "Until {0}": "Bis {0}",
+  "Updated": "Aktualisiert",
+  "Upright": "Werte",
+  "Valid": "Gültig",
+  "Valid Cloud Cover": "Gültige Wolkenbedeckung",
+  "Value": "Wert",
+  "Values": "Werte",
+  "Variables": "Variablen",
+  "Variance": "Varianz",
+  "Vertical": "Vertikal",
+  "Visualization": "Visualisierung",
+  "Visualizations": "Visualisierungen",
+  "W/m²/μm": "W/m²/μm",
+  "WKT2": "WKT2",
+  "WMTS Dimensions": "WMTS-Dimensionen",
+  "WMTS Layers": "WMTS-Ebenen",
+  "WRS Path": "WRS-Pfad",
+  "WRS Row": "WRS-Reihe",
+  "WRS Type": "WRS-Typ",
+  "WRS-1": "WRS-1",
+  "WRS-2": "WRS-2",
+  "Warning": "Warnung",
+  "Wavelength": "Wellenlänge",
+  "Web Maps": "Internetkarten",
+  "WebP image": "WebP-Bild",
+  "Well-Known Text, version 2": "Well-Known-Text, Version 2",
+  "West": "West",
+  "Worldwide Reference System 1": "Weltweites Referenzsystem 1",
+  "Worldwide Reference System 2": "Weltweites Referenzsystem 2",
+  "Worldwide Reference System Path": "Pfad im Weltweiten Referenzsystem",
+  "Worldwide Reference System Row": "Reihe im Weltweiten Referenzsystem",
+  "Worldwide Reference System Type": "Typ des Weltweiten Referenzsystems",
+  "XYZ web map": "XYZ-Internetkarte",
+  "Yaw Flip Configuration": "\"Yaw Flip\"-Konfiguration",
+  "ZIP archive": "ZIP-Archiv",
+  "bytes": "Bytes",
+  "dB": "dB",
+  "fsspec Options": "fsspec-Optionen",
+  "h": "Std",
+  "km": "km",
+  "left-to-right": "von links nach rechts",
+  "m": "m",
+  "n/a": "n.v.",
+  "nm": "nm",
+  "non-standard": "nicht standardisiert",
+  "none": "keine",
+  "openEO": "openEO",
+  "right-to-left": "von rechts nach links",
+  "s": "s",
+  "swisstopo": "swisstopo",
+  "unsigned 16-bit integer": "Vorzeichenlose 16-Bit-Ganzzahl",
+  "unsigned 32-bit integer": "Vorzeichenlose 32-Bit-Ganzzahl",
+  "unsigned 64-bit integer": "Vorzeichenlose 64-Bit-Ganzzahl",
+  "unsigned 8-bit integer": "Vorzeichenlose 8-Bit-Ganzzahl",
+  "xarray": "xarray",
+  "{0} until present": "{0} bis jetzt",
+  "°": "°",
+  "°E": "°O",
+  "°N": "°N",
+  "μm": "μm"
+}
diff --git a/src/locales/de/texts.json b/src/locales/de/texts.json
new file mode 100644
index 000000000..b185b8673
--- /dev/null
+++ b/src/locales/de/texts.json
@@ -0,0 +1,287 @@
+{
+  "additionalResources": "Zusätzliche Ressourcen",
+  "anonymized": {
+    "title": "Anonymisiert"
+  },
+  "assets": {
+    "copyGdalVfsUrl": {
+      "generic": "Kopiere GDAL VFS Adresse",
+      "withSource": "Kopiere GDAL VFS Adresse für {source}"
+    },
+    "copyUrl": {
+      "generic": "Kopiere Adresse",
+      "withSource": "Kopiere Adresse für {source}"
+    },
+    "currentlyShown": "Dieses Asset wird derzeit angezeigt.",
+    "download": {
+      "generic": "Herunterladen",
+      "withSource": "Herunterladen von {source}"
+    },
+    "inItems": "Datei in Unterelementen | Dateien in Unterelementen",
+    "role": {
+      "data": "Daten",
+      "metadata": "Metadaten"
+    },
+    "showOnMap": "Auf Karte anzeigen",
+    "showThumbnail": "Zeige Vorschaubild",
+    "shown": "angezeigt"
+  },
+  "authentication": {
+    "button": {
+      "authenticate": "Anmelden",
+      "authenticated": "Angemeldet",
+      "title": "Anmeldedaten bereitstellen oder aktualisieren"
+    },
+    "description": "Die angefragte Seite erfordert eine Anmeldung. Bitte die Anmeldedaten unten in das Textfeld eingeben.",
+    "title": "Anmelden"
+  },
+  "browse": "Erkunden",
+  "cancel": "Abbrechen",
+  "catalog": {
+    "license": "Lizenz",
+    "temporalExtent": "Zeitliche Ausdehnung"
+  },
+  "catalogs": {
+    "filterByTitle": "Kataloge anhand des Titels filtern",
+    "loadMore": "Lade mehr...",
+    "noMatches": "Keiner der Kataloge entspricht den Suchkriterien."
+  },
+  "copy": "Kopieren",
+  "default": "Standardeinstellung",
+  "defaultWithValue": "Standardeinstellung ({value})",
+  "deprecated": "Abgekündigt",
+  "deprecation": {
+    "fallbackTitle": "Anzeigen",
+    "latestVersion": "Neueste Version:",
+    "otherVersionsNotice": "Dies ist *nicht* abgekündigt, aber andere Versionen sind verfügbar:",
+    "otherVersionsTitle": "Andere Versionen verfügbar",
+    "outdatedTitle": "Veraltet",
+    "predecessorVersion": "Vorherige Version:",
+    "successorVersion": "Nächste Version:",
+    "warning": "Wir weisen darauf hin, dass dies abgekündigt wurde und potenziell jederzeit entfernt werden kann. Die Benutzung sollte so schnell wie möglich eingestellt werden. Die Verwendung in neuen Projekten sollte unterlassen werden."
+  },
+  "description": "Beschreibung",
+  "errors": {
+    "authFailed": "Die Anfrage ist fehlgeschlagen, die angegebenen Anmeldedaten sind möglicherweise fehlerhaft.",
+    "badRequest": "Die Anfrage ist ungültig. Dies kann an ungültigen Parametern liegen, z.B. in einer Suchanfrage, oder ein Fehler im STAC Browser sein.",
+    "contactProvider": "Bitte wenden Sie sich an den Dienstanbieter, um dieses Problem zu lösen.",
+    "default": "Die angeforderte Seite konnte nicht geladen werden.",
+    "forbidden": "Die für diese Anfrage angegebenen Anmeldedaten sind ungültig, bspw. ein abgelaufener oder ungültiger API-Schlüssel. Bitte geben Sie andere Anmeldedaten an und versuchen Sie es erneut.",
+    "invalidJsonObject": "Die Antwort des Dienstanbieters ist kein gültiges JSON-Objeckt.",
+    "invalidStacCollections": "Die Antwort des Dienstanbieters ist keine gültige Liste mit Sammlungen.",
+    "invalidStacItems": "Die Antwort des Dienstanbieters ist keine fültige Liste mit Elementen.",
+    "labels": {
+      "cause": "Ursache:",
+      "code": "Fehlercode:",
+      "reason": "Grund:",
+      "requestURL": "Anfrageadresse:"
+    },
+    "loadApiCollectionsFailed": "Die Sammlungen des Dienstanbieters konnten nicht geladen werden.",
+    "loadApiItemsFailed": "Die Elemente des Dienstanbieters konnten nicht geladen werden.",
+    "loadFilteredItems": "Das Laden einer gefilterten Liste von Elementen ist leider fehlgeschlagen.",
+    "loadItems": "Das Laden der Liste der Elemente ist leider fehlgeschlagen.",
+    "networkError": "Dieses Problem kann auftreten, wenn Server den externen Zugriff über Webbrowser nicht zulassen (bspw. wenn keine CORS-Kopfzeilen vorhanden sind). @:errors.contactProvider",
+    "noExternalAccess": "Der Zugriff auf externe Kataloge ist nicht erlaubt!",
+    "notFound": "Die angeforderte Seite existiert nicht. @:errors.contactProvider",
+    "serverError": "Auf dem Server ist ein Problem aufgetreten. @:errors.contactProvider",
+    "unauthorized": "Der Anfrage fehlen die Anmeldedaten, bspw. ein API-Schlüssel. Bitte geben Sie Ihre Anmeldedaten an und versuchen Sie es erneut."
+  },
+  "featureExperimental": "Diese Funktion ist noch experimentell und kann unerwartete Ergebnisse verursachen!",
+  "fullscreen": {
+    "exit": "Verlasse den Vollbild-Modus",
+    "show": "Zeige im Vollbild-Modus"
+  },
+  "goToCollection": {
+    "description": "Gehe zur dazugehörigen Sammlung",
+    "descriptionWithTitle": "@:goToCollection.description: {title}",
+    "label": "Sammlung"
+  },
+  "goToParent": {
+    "description": "Gehe ein Level hoch",
+    "descriptionWithTitle": "@:goToParent.description: {title}",
+    "label": "Hoch"
+  },
+  "in": "in {catalog}",
+  "index": {
+    "api": "API",
+    "catalog": "Katalog",
+    "load": "Laden",
+    "selectStacIndex": "... oder wähle von STAC Index:",
+    "specifyCatalog": "Bitte gib einen STAC Katalog oder eine STAC API an...",
+    "urlInvalid": "Die Adresse ist ungültig.",
+    "urlMissingHost": "Der Adresse fehlt ein Host.",
+    "urlMissingProtocol": "Der Adresse fehlt ein Protokoll."
+  },
+  "items": {
+    "filter": "Filter",
+    "noTime": "Keine Zeit angegeben",
+    "noneAvailableForCollection": "Für diese Sammlung sind keine Elemente verfügbar."
+  },
+  "leaflet": {
+    "close": "Schließen",
+    "noFeatureProperties": "Keine weiteren Daten verfügbar für dieses Element.",
+    "stayLayer": {
+      "error": "Entschuldigung, die Daten auf der Karte anzuzeigen ist fehlgeschlagen."
+    },
+    "zoom": {
+      "in": {
+        "description": "Vergrößern",
+        "label": "+"
+      },
+      "out": {
+        "description": "Verkleinern",
+        "label": "-"
+      }
+    }
+  },
+  "loading": "Lade...",
+  "map": "Karte",
+  "metadata": {
+    "general": "Allgemeines",
+    "title": "Metadaten"
+  },
+  "multiselect": {
+    "andMore": "und {count} weitere",
+    "deselectLabel": "Enter zum Entfernen",
+    "placeholder": "Option wählen",
+    "selectLabel": "Enter zum Selektieren",
+    "selectedLabel": "Selektiert"
+  },
+  "open": "Öffnen",
+  "pagination": {
+    "first": "« Anfang",
+    "last": "Ende »",
+    "next": "Nächste ›",
+    "previous": "‹ Vorherige"
+  },
+  "poweredBy": "Generiert von {link}",
+  "protocol": {
+    "azure": "Microsoft Azure",
+    "file": "Dateisystem (lokal)",
+    "ftp": "FTP",
+    "gcs": "Google Cloud",
+    "oss": "Alibaba Cloud",
+    "s3": "Amazon S3"
+  },
+  "providers": {
+    "email": "E-Mail senden",
+    "homepage": "Gehe zur Internetseite",
+    "role": {
+      "host": "Datenverbreiter",
+      "licensor": "Lizenzgeber",
+      "processor": "Verarbeiter",
+      "producer": "Erzeuger"
+    },
+    "title": "Anbieter"
+  },
+  "read": {
+    "less": "Zeige weniger",
+    "more": "Zeige mehr"
+  },
+  "search": {
+    "addCollections": "Hinzufügen durch Enter",
+    "addFilter": "Filter hinzufügen",
+    "addItemIds": "ID hinzufügen durch Enter",
+    "additionalFilters": "Weitere Filter",
+    "buttons": {
+      "filter": "Filtern",
+      "reset": "Zurücksetzen"
+    },
+    "dateDescription": "Alle Zeiten in koordinierter Weltzeit (UTC).",
+    "equalTo": "entspricht genau",
+    "filterBySpatialExtent": "Filtern nach räumlicher Ausdehnung",
+    "greaterThan": "größer als",
+    "itemIds": "Element-Identifikationsnummern",
+    "itemsPerPage": "Elemente pro Seite",
+    "itemsPerPageDescription": "Anzahl der Elemente die pro Seite angefragft wird, maximal {maxItems} Elemente.",
+    "lessThan": "kleiner als",
+    "likeOperatorDescription": "Platzhalterzeichen können verwendet werden. `_` entspricht einem einzelnen Zeichen, `%` entspricht einer beliebigen Anzahl an Zeichen. Um nach einem Platzhalterzeichen selber zu suchen, müssen ein `\\` vor das Zeichen gesetzt werden.",
+    "matches": "enthält etwa",
+    "modifyCriteria": "Bitte die Suchkriterien ändern.",
+    "noItemsFound": "Keine Elemente gefunden für die angegebenen Filter.",
+    "notEqualTo": "entspricht nicht",
+    "notFullySupported": "Eventuell werden nicht alle Optionen unterstützt.",
+    "notSupported": "Suchen wird von dem Dienstanbieter nicht unterstützt.",
+    "placeholder": "Suchen...",
+    "selectCollections": "Wähle Sammlungen...",
+    "selectItemIds": "Wähle Elemente...",
+    "sortOptions": {
+      "datetime": "Datum und Zeit",
+      "id": "Identifikationsnummer",
+      "title": "Titel"
+    },
+    "spatialExtent": "Räumliche Ausdehnung",
+    "temporalExtent": "Zeitliche Ausdehnung",
+    "title": "Suche"
+  },
+  "showMore": "Zeige mehr...",
+  "sidebar": {
+    "switchCatalog": "Wechsle den Katalog"
+  },
+  "sort": {
+    "asc": {
+      "label": "Aufsteigend",
+      "title": "In aufsteigender Reihenfolge sortieren (A-Z)"
+    },
+    "desc": {
+      "label": "Absteigend",
+      "title": "In absteigender Reihenfolge sortieren (Z-A)"
+    },
+    "title": "Sortieren"
+  },
+  "source": {
+    "detailsAboutSource": "Details über die STAC-Datenquelle",
+    "label": "Datenquelle",
+    "language": {
+      "label": "Sprache: {currentLanguage}",
+      "onlyData": "Nur die Daten sind in dieser Sprache verfügbar!",
+      "onlyUI": "Nur die Benutzeroberfläsche ist in dieser Sprache verfügbar!",
+      "switch": "Ändern der Sprache"
+    },
+    "locatedAt": "Die Datei mit den STAC-Metadaten befindet sich unter:",
+    "share": {
+      "email": "E-Mail",
+      "label": "Teilen",
+      "message": "{title} ist verfügbar unter {url}",
+      "sharePageWithOthers": "Teile die Adresse dieser Seite:",
+      "title": "Teilen",
+      "twitter": "Twitter",
+      "withOthers": "Teile diese Seite mit anderen"
+    },
+    "stacVersion": "STAC-Version:",
+    "title": "Datenquelle",
+    "valid": "Valide:",
+    "validating": "Validiere...",
+    "validationNA": "nicht verfügbar"
+  },
+  "stacAssets": "Datei | Dateien",
+  "stacCatalog": "Katalog | Kataloge",
+  "stacCollection": "Sammlung | Sammlungen",
+  "stacItem": "Element | Elemente",
+  "submit": "Absenden",
+  "table": {
+    "emptyFilteredText": "Es gibt keine Einträge die dem Filter entsprechen",
+    "emptyText": "Keine Einträge verfügbar",
+    "sort": {
+      "asc": "Klicke um aufsteigend zu sortieren",
+      "clear": "Klicke um die Sortierung aufzuheben",
+      "desc": "Klicke um absteigend zu sortieren"
+    }
+  },
+  "thumbnails": "Vorschaubilder",
+  "tree": {
+    "moreCollectionPagesAvailable": "Mehr Seiten für Sammlung verfügbar",
+    "noChildren": "Keine Unterpunkte verfügbar."
+  },
+  "view": {
+    "list": {
+      "label": "Liste",
+      "title": "Anzeigen als Liste"
+    },
+    "tiles": {
+      "label": "Kacheln",
+      "title": "Anzeigen als Kacheln"
+    },
+    "title": "Anzeigeoptionen"
+  }
+}
diff --git a/src/locales/en-US/config.json b/src/locales/en-US/config.json
new file mode 100644
index 000000000..2807e66e0
--- /dev/null
+++ b/src/locales/en-US/config.json
@@ -0,0 +1,4 @@
+{
+  "native": "English (USA)",
+  "global": "English (USA)"
+}
\ No newline at end of file
diff --git a/src/locales/en-US/datepicker.js b/src/locales/en-US/datepicker.js
new file mode 100644
index 000000000..25f6a3f30
--- /dev/null
+++ b/src/locales/en-US/datepicker.js
@@ -0,0 +1,3 @@
+const format = 'M/D/YYYY';
+const locale = import('vue2-datepicker/locale/en');
+export default {format, locale};
diff --git a/src/locales/en-US/default.js b/src/locales/en-US/default.js
new file mode 100644
index 000000000..fe57f2b76
--- /dev/null
+++ b/src/locales/en-US/default.js
@@ -0,0 +1,6 @@
+export default Object.assign(
+  // Don't import the fields as it's a 1:1 mapping anyway
+  // { fields: require('../en/fields.json') },
+  require('../en/texts.json'),
+  require('../en/custom.json')
+);
\ No newline at end of file
diff --git a/src/locales/en-US/duration.js b/src/locales/en-US/duration.js
new file mode 100644
index 000000000..84d16e1ef
--- /dev/null
+++ b/src/locales/en-US/duration.js
@@ -0,0 +1,2 @@
+import { en as locale } from '@musement/iso-duration';
+export default locale;
diff --git a/src/locales/en/config.json b/src/locales/en/config.json
new file mode 100644
index 000000000..0fcf6a27b
--- /dev/null
+++ b/src/locales/en/config.json
@@ -0,0 +1,4 @@
+{
+  "native": "English",
+  "global": "English"
+}
\ No newline at end of file
diff --git a/src/locales/en/custom.json b/src/locales/en/custom.json
new file mode 100644
index 000000000..0176f41ab
--- /dev/null
+++ b/src/locales/en/custom.json
@@ -0,0 +1,5 @@
+{
+  "authConfig": {
+    "description": ""
+  }
+}
diff --git a/src/locales/en/datepicker.js b/src/locales/en/datepicker.js
new file mode 100644
index 000000000..900223912
--- /dev/null
+++ b/src/locales/en/datepicker.js
@@ -0,0 +1,51 @@
+// 1. Specify output format
+const format = 'YYYY-MM-DD';
+
+// 2A. Either re-use settings and phrases from vue2-datepicker...
+const locale = import('vue2-datepicker/locale/en');
+
+// 2B. ... or define your own based on https://github.com/mengxiong10/vue2-datepicker
+/*
+const locale = {
+  // the locale of formatting and parsing function
+  formatLocale: {
+    // MMMM
+    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    // MMM
+    monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    // dddd
+    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    // ddd
+    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    // dd
+    weekdaysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    // first day of week
+    firstDayOfWeek: 0,
+    // first week contains January 1st.
+    firstWeekContainsDate: 1,
+    // format 'a', 'A'
+    meridiem: (h: number, _: number, isLowercase: boolean) {
+      const word = h < 12 ? 'AM' : 'PM';
+      return isLowercase ? word.toLocaleLowerCase() : word;
+    },
+    // parse ampm
+    meridiemParse: /[ap]\.?m?\.?/i;
+    // parse ampm
+    isPM: (input: string) {
+      return `${input}`.toLowerCase().charAt(0) === 'p';
+    }
+  },
+  // the calendar header, default formatLocale.weekdaysMin
+  days: [],
+  // the calendar months, default formatLocale.monthsShort
+  months: [],
+  // the calendar title of year
+  yearFormat: 'YYYY',
+  // the calendar title of month
+  monthFormat: 'MMM',
+  // the calendar title of month before year
+  monthBeforeYear: false,
+}
+*/
+
+export default {format, locale};
diff --git a/src/locales/en/default.js b/src/locales/en/default.js
new file mode 100644
index 000000000..376314241
--- /dev/null
+++ b/src/locales/en/default.js
@@ -0,0 +1,6 @@
+export default Object.assign(
+  // Don't import the fields as it's a 1:1 mapping anyway
+  // { fields: require('./fields.json') },
+  require('./texts.json'),
+  require('./custom.json')
+);
\ No newline at end of file
diff --git a/src/locales/en/duration.js b/src/locales/en/duration.js
new file mode 100644
index 000000000..6c108f4d8
--- /dev/null
+++ b/src/locales/en/duration.js
@@ -0,0 +1,32 @@
+// A. Either re-use phrases from iso-duration...
+import { en as locale } from '@musement/iso-duration';
+
+// B. ... or define your own based on https://github.com/musement/iso-duration
+/*
+const locale = {
+  years(c) {
+    return "year" + (c === 1 ? "" : "s");
+  },
+  months(c) {
+    return "month" + (c === 1 ? "" : "s");
+  },
+  weeks(c) {
+    return "week" + (c === 1 ? "" : "s");
+  },
+  days(c) {
+    return "day" + (c === 1 ? "" : "s");
+  },
+  hours(c) {
+    return "hour" + (c === 1 ? "" : "s");
+  },
+  minutes(c) {
+    return "minute" + (c === 1 ? "" : "s");
+  },
+  seconds(c) {
+    return "second" + (c === 1 ? "" : "s");
+  },
+  decimal: ".",
+};
+*/
+
+export default locale;
diff --git a/src/locales/en/fields.json b/src/locales/en/fields.json
new file mode 100644
index 000000000..771530b29
--- /dev/null
+++ b/src/locales/en/fields.json
@@ -0,0 +1,490 @@
+{
+  "%": "%",
+  "1 (less latency / less gauges)": "1 (less latency / less gauges)",
+  "16-bit complex integer": "16-bit complex integer",
+  "16-bit float": "16-bit float",
+  "16-bit integer": "16-bit integer",
+  "2 (more latency / more gauges)": "2 (more latency / more gauges)",
+  "32-bit complex float": "32-bit complex float",
+  "32-bit complex integer": "32-bit complex integer",
+  "32-bit float": "32-bit float",
+  "32-bit integer": "32-bit integer",
+  "3: 1x full disk, 3x continental US, 30x mesoscale region 1, 30x mesoscale region 2 (every 15 minutes)": "3: 1x full disk, 3x continental US, 30x mesoscale region 1, 30x mesoscale region 2 (every 15 minutes)",
+  "4: 1x full disk (every 5 minutes)": "4: 1x full disk (every 5 minutes)",
+  "64-bit complex float": "64-bit complex float",
+  "64-bit float": "64-bit float",
+  "64-bit integer": "64-bit integer",
+  "6: 1x full disk, 2x continental US, 20x mesoscale region 1, 20x mesoscale region 2 (every 10 minutes)": "6: 1x full disk, 2x continental US, 20x mesoscale region 1, 20x mesoscale region 2 (every 10 minutes)",
+  "8-bit integer": "8-bit integer",
+  "ANX Time": "ANX Time",
+  "API Version": "API Version",
+  "API conformance declaration": "API conformance declaration",
+  "API definitions": "API definitions",
+  "API user socumentation": "API user socumentation",
+  "About this resource": "About this resource",
+  "Abs. Orbit Number": "Abs. Orbit Number",
+  "Abs. RTC Accuracy": "Abs. RTC Accuracy",
+  "Absolute Orbit Number": "Absolute Orbit Number",
+  "Absolute accuracy of the Radiometric Terrain Correction": "Absolute accuracy of the Radiometric Terrain Correction",
+  "Accumulation Period": "Accumulation Period",
+  "Alaska": "Alaska",
+  "Alibaba Cloud": "Alibaba Cloud",
+  "Alternate Name": "Alternate Name",
+  "Alternative Access Methods": "Alternative Access Methods",
+  "Alternative representation": "Alternative representation",
+  "Alternatives": "Alternatives",
+  "Amazon AWS": "Amazon AWS",
+  "Anonymized Location": "Anonymized Location",
+  "Area": "Area",
+  "Area in Central/South America": "Area in Central/South America",
+  "Ascending Node Crossing time": "Ascending Node Crossing time",
+  "Asset Type": "Asset Type",
+  "Available Languages": "Available Languages",
+  "Average": "Average",
+  "Average spatial resolution": "Average spatial resolution",
+  "Axis": "Axis",
+  "Azimuth Looks": "Azimuth Looks",
+  "Azimuth Resolution": "Azimuth Resolution",
+  "Aziumth Pixel Spacing": "Aziumth Pixel Spacing",
+  "Back-End Version": "Back-End Version",
+  "Bands": "Bands",
+  "Based on IANA relation types": "Based on IANA relation types",
+  "Based on the IANA media (MIME) types": "Based on the IANA media (MIME) types",
+  "Billing": "Billing",
+  "Binary": "Binary",
+  "Binary file": "Binary file",
+  "Bit Mask": "Bit Mask",
+  "Bitmap": "Bitmap",
+  "Bitmap image": "Bitmap image",
+  "Bits per Sample": "Bits per Sample",
+  "Bounding Box": "Bounding Box",
+  "Bundle Type": "Bundle Type",
+  "Byte Order": "Byte Order",
+  "CARD4L": "CARD4L",
+  "CBERS": "CBERS",
+  "CEOS Analysis Ready Data for Land": "CEOS Analysis Ready Data for Land",
+  "CRS": "CRS",
+  "Cadence": "Cadence",
+  "Canceled (delivery stopped)": "Canceled (delivery stopped)",
+  "Capture Mode": "Capture Mode",
+  "Caribbean Islands": "Caribbean Islands",
+  "Center Frequency": "Center Frequency",
+  "Central Wavelength": "Central Wavelength",
+  "Central/South America (mesoscale)": "Central/South America (mesoscale)",
+  "Centroid": "Centroid",
+  "Checksum": "Checksum",
+  "China-Brazil Earth Resources Satellite Program": "China-Brazil Earth Resources Satellite Program",
+  "Citation": "Citation",
+  "Citation information": "Citation information",
+  "Classes": "Classes",
+  "Classification": "Classification",
+  "Clear Sky": "Clear Sky",
+  "Cloud Cover": "Cloud Cover",
+  "Cloud Storage": "Cloud Storage",
+  "Cloud-Optimized GeoTIFF image": "Cloud-Optimized GeoTIFF image",
+  "Cloud-Optimized Point Cloud (LASzip)": "Cloud-Optimized Point Cloud (LASzip)",
+  "Code": "Code",
+  "Collection Category": "Collection Category",
+  "Collection Number": "Collection Number",
+  "Color": "Color",
+  "Columns": "Columns",
+  "Comma-separated values (CSV)": "Comma-separated values (CSV)",
+  "Common Name": "Common Name",
+  "Constellation": "Constellation",
+  "Container": "Container",
+  "Continental US": "Continental US",
+  "Control points used to geolocate image, no terrain correction": "Control points used to geolocate image, no terrain correction",
+  "Control points used to geolocate image, orthorectified": "Control points used to geolocate image, orthorectified",
+  "Coordinate / Temporal / Other Reference System": "Coordinate / Temporal / Other Reference System",
+  "Coordinate Reference System": "Coordinate Reference System",
+  "Coordinate data": "Coordinate data",
+  "Copernicus Sentinel": "Copernicus Sentinel",
+  "Count": "Count",
+  "Counts": "Counts",
+  "Created": "Created",
+  "Current Language": "Current Language",
+  "DOI": "DOI",
+  "DOQ": "DOQ",
+  "DOQQ": "DOQQ",
+  "Data": "Data",
+  "Data Coverage": "Data Coverage",
+  "Data Cube": "Data Cube",
+  "Data Lost": "Data Lost",
+  "Data Type": "Data Type",
+  "Data Type of Values": "Data Type of Values",
+  "Data Version": "Data Version",
+  "Delivered (data is available)": "Delivered (data is available)",
+  "Density": "Density",
+  "Deprecated": "Deprecated",
+  "Description": "Description",
+  "Description of the resource": "Description of the resource",
+  "Digital Orthophoto Quadrangle": "Digital Orthophoto Quadrangle",
+  "Digital Orthophoto Quarter Quadrangle": "Digital Orthophoto Quarter Quadrangle",
+  "Dimensions": "Dimensions",
+  "Direction": "Direction",
+  "EASE-DGGS": "EASE-DGGS",
+  "ENL": "ENL",
+  "EPSG Code": "EPSG Code",
+  "East": "East",
+  "Eastern Geometric Accuracy": "Eastern Geometric Accuracy",
+  "Easting": "Easting",
+  "Electro-Optical": "Electro-Optical",
+  "Ellipsoidal Height": "Ellipsoidal Height",
+  "Equivalent Number of Looks": "Equivalent Number of Looks",
+  "Events navigated by Instrument": "Events navigated by Instrument",
+  "Expires": "Expires",
+  "Extent": "Extent",
+  "FWHM": "FWHM",
+  "Facility": "Facility",
+  "Failed (unable to deliver)": "Failed (unable to deliver)",
+  "Federal Office of Topography (Switzerland)": "Federal Office of Topography (Switzerland)",
+  "File": "File",
+  "File Format": "File Format",
+  "Finalized": "Finalized",
+  "Flag indicating that the spacecraft is operating in yaw flip configuration.": "Flag indicating that the spacecraft is operating in yaw flip configuration.",
+  "Font": "Font",
+  "Footprint": "Footprint",
+  "Forecast": "Forecast",
+  "Forecast Horizon": "Forecast Horizon",
+  "Forecast Length": "Forecast Length",
+  "Format": "Format",
+  "Fraction of level {i} column cell": "Fraction of level {i} column cell",
+  "Fraction of level {i} row cell": "Fraction of level {i} row cell",
+  "Frequency Band": "Frequency Band",
+  "Full Width Half Max": "Full Width Half Max",
+  "GHz": "GHz",
+  "GIF image": "GIF image",
+  "GSD": "GSD",
+  "GZIP archive": "GZIP archive",
+  "GeoTIFF image": "GeoTIFF image",
+  "Geolocation precision level": "Geolocation precision level",
+  "Geolocation using only satellite telemetry": "Geolocation using only satellite telemetry",
+  "Google Cloud Platform": "Google Cloud Platform",
+  "Google Earth Engine": "Google Earth Engine",
+  "Grayscale with relief": "Grayscale with relief",
+  "Grayscale without relief": "Grayscale without relief",
+  "Grid": "Grid",
+  "Grid Cell": "Grid Cell",
+  "Grid Square": "Grid Square",
+  "Gridded Data": "Gridded Data",
+  "Ground Sample Distance": "Ground Sample Distance",
+  "Guam": "Guam",
+  "HTML (Website)": "HTML (Website)",
+  "HTTP Methods": "HTTP Methods",
+  "Hashing algorithm:": "Hashing algorithm:",
+  "Hawaii": "Hawaii",
+  "Header Size": "Header Size",
+  "Histogram": "Histogram",
+  "Horizontal": "Horizontal",
+  "IBM Cloud": "IBM Cloud",
+  "Identifier": "Identifier",
+  "Illustration": "Illustration",
+  "Image Dimensions": "Image Dimensions",
+  "Image Strip ID": "Image Strip ID",
+  "Image collection": "Image collection",
+  "Incidence Angle": "Incidence Angle",
+  "Incidence Angle (far)": "Incidence Angle (far)",
+  "Incidence Angle (near)": "Incidence Angle (near)",
+  "Instrument Mode": "Instrument Mode",
+  "Instruments": "Instruments",
+  "Int. Designator": "Int. Designator",
+  "International designator for the platform, also known as COSPAR ID and NSSDCA ID.": "International designator for the platform, also known as COSPAR ID and NSSDCA ID.",
+  "Internationalization / Localization": "Internationalization / Localization",
+  "Inverted": "Inverted",
+  "JPEG 2000 image": "JPEG 2000 image",
+  "JPEG image": "JPEG image",
+  "JSON encoding of WKT2": "JSON encoding of WKT2",
+  "Keywords": "Keywords",
+  "Labels / ML": "Labels / ML",
+  "Land Cloud Cover": "Land Cloud Cover",
+  "Landsat": "Landsat",
+  "Language": "Language",
+  "Latest version": "Latest version",
+  "Latitude Band": "Latitude Band",
+  "Level": "Level",
+  "Level 0 column cell": "Level 0 column cell",
+  "Level 0 row cell": "Level 0 row cell",
+  "License": "License",
+  "Lightning Events": "Lightning Events",
+  "Lightning Flashes": "Lightning Flashes",
+  "Lightning Groups": "Lightning Groups",
+  "Lightning flash maximum time difference among lightning events in a flash": "Lightning flash maximum time difference among lightning events in a flash",
+  "Lightning group maximum time difference among lightning events in a group": "Lightning group maximum time difference among lightning events in a group",
+  "Lineage": "Lineage",
+  "Local Path": "Local Path",
+  "MGRS": "MGRS",
+  "MODIS Sinusoidal Tile Grid": "MODIS Sinusoidal Tile Grid",
+  "Map of Values": "Map of Values",
+  "Markdown document": "Markdown document",
+  "Max.": "Max.",
+  "Maxar ARD Tile Grid": "Maxar ARD Tile Grid",
+  "Maxmimum value": "Maxmimum value",
+  "Mean Faraday Rotation": "Mean Faraday Rotation",
+  "Measured values": "Measured values",
+  "Meta Raster Format": "Meta Raster Format",
+  "Metadata": "Metadata",
+  "Methods": "Methods",
+  "Microsoft": "Microsoft",
+  "Microsoft Azure": "Microsoft Azure",
+  "Military Grid Reference System": "Military Grid Reference System",
+  "Min.": "Min.",
+  "Minimum value": "Minimum value",
+  "Mission": "Mission",
+  "NOAA GOES": "NOAA GOES",
+  "NOAA Geostationary Operational Environmental Satellite": "NOAA Geostationary Operational Environmental Satellite",
+  "NOAA MRMS QPE": "NOAA MRMS QPE",
+  "NOAA Multi-Radar Multi-Sensor Quantitative Precipitation Estimation": "NOAA Multi-Radar Multi-Sensor Quantitative Precipitation Estimation",
+  "Name": "Name",
+  "Neither": "Neither",
+  "Newline Delimited JSON": "Newline Delimited JSON",
+  "Next page": "Next page",
+  "No-Data Values": "No-Data Values",
+  "No-data value": "No-data value",
+  "Noise Equivalent Intensity": "Noise Equivalent Intensity",
+  "Nominal satellite height above GRS 80 ellipsoid": "Nominal satellite height above GRS 80 ellipsoid",
+  "Normalized Radar Backscatter (SAR)": "Normalized Radar Backscatter (SAR)",
+  "North": "North",
+  "North America (continental US)": "North America (continental US)",
+  "Northern Geometric Accuracy": "Northern Geometric Accuracy",
+  "Northing": "Northing",
+  "Number of Points": "Number of Points",
+  "Number of bits": "Number of bits",
+  "OGC WMTS web map": "OGC WMTS web map",
+  "Observation Direction": "Observation Direction",
+  "Off-Nadir Angle": "Off-Nadir Angle",
+  "Offset": "Offset",
+  "Offset to the first bit": "Offset to the first bit",
+  "Open Data Cube": "Open Data Cube",
+  "Operational system, real-time data": "Operational system, real-time data",
+  "Operational system, test data": "Operational system, test data",
+  "Oracle Cloud": "Oracle Cloud",
+  "Orbit State": "Orbit State",
+  "Order": "Order",
+  "Order details": "Order details",
+  "Orderable (data can be ordered)": "Orderable (data can be ordered)",
+  "Ordered (preparing to deliver data)": "Ordered (preparing to deliver data)",
+  "Orbital Slot": "Orbital Slot",
+  "Origin of this document": "Origin of this document",
+  "Overview": "Overview",
+  "Overviews": "Overviews",
+  "PDF document": "PDF document",
+  "PNG image": "PNG image",
+  "PROJJSON": "PROJJSON",
+  "Parent STAC Catalog": "Parent STAC Catalog",
+  "Pass Number": "Pass Number",
+  "Path": "Path",
+  "Path Template": "Path Template",
+  "Pending (waiting for activation)": "Pending (waiting for activation)",
+  "Percentage of valid pixels": "Percentage of valid pixels",
+  "Planet Labs Inc.": "Planet Labs Inc.",
+  "Platform": "Platform",
+  "Platform Altitude": "Platform Altitude",
+  "Point (at pixel center)": "Point (at pixel center)",
+  "Point Cloud": "Point Cloud",
+  "Points": "Points",
+  "Polarimetric Radar (SAR)": "Polarimetric Radar (SAR)",
+  "Polarizations": "Polarizations",
+  "Position": "Position",
+  "Positional Accuracy": "Positional Accuracy",
+  "Predecessor version": "Predecessor version",
+  "Preview": "Preview",
+  "Previous page": "Previous page",
+  "Primary Geometry Column": "Primary Geometry Column",
+  "Processing": "Processing",
+  "Processing Instructions": "Processing Instructions",
+  "Processing Level": "Processing Level",
+  "Processing Status": "Processing Status",
+  "Processing inctructions/code": "Processing inctructions/code",
+  "Product ID": "Product ID",
+  "Product Type": "Product Type",
+  "Product Variant": "Product Variant",
+  "Production-Ready": "Production-Ready",
+  "Projection": "Projection",
+  "Properties": "Properties",
+  "Property Key": "Property Key",
+  "Provider": "Provider",
+  "Providers": "Providers",
+  "Publication": "Publication",
+  "Publications": "Publications",
+  "Published": "Published",
+  "Publishing Stage": "Publishing Stage",
+  "Purpose": "Purpose",
+  "Quadkey": "Quadkey",
+  "Quadrangle": "Quadrangle",
+  "Quality Category": "Quality Category",
+  "Quarter": "Quarter",
+  "RGB color with relief": "RGB color with relief",
+  "RGB color without relief": "RGB color without relief",
+  "Range Looks": "Range Looks",
+  "Range Pixel Spacing": "Range Pixel Spacing",
+  "Range Resolution": "Range Resolution",
+  "Raster Imagery": "Raster Imagery",
+  "Read Options": "Read Options",
+  "Reading and writing direction": "Reading and writing direction",
+  "Reference Grid Path": "Reference Grid Path",
+  "Reference Grid Row": "Reference Grid Row",
+  "Reference System": "Reference System",
+  "Reference Time": "Reference Time",
+  "Region": "Region",
+  "Region 1": "Region 1",
+  "Region 2": "Region 2",
+  "Rel. Orbit Number": "Rel. Orbit Number",
+  "Rel. RTC Accuracy": "Rel. RTC Accuracy",
+  "Related resource": "Related resource",
+  "Relation": "Relation",
+  "Relative Orbit Number": "Relative Orbit Number",
+  "Relative accuracy of the Radiometric Terrain Correction": "Relative accuracy of the Radiometric Terrain Correction",
+  "Requester Pays": "Requester Pays",
+  "Resolution": "Resolution",
+  "Revisit Interval": "Revisit Interval",
+  "Root STAC Catalog": "Root STAC Catalog",
+  "Row": "Row",
+  "Rows": "Rows",
+  "SAR": "SAR",
+  "STAC Collection": "STAC Collection",
+  "STAC Item for input data": "STAC Item for input data",
+  "SVG vector image": "SVG vector image",
+  "Sampling": "Sampling",
+  "Satellite": "Satellite",
+  "Satellite Height": "Satellite Height",
+  "Satellite Subpoint Latitude": "Satellite Subpoint Latitude",
+  "Satellite Subpoint Longitude": "Satellite Subpoint Longitude",
+  "Scale": "Scale",
+  "Scene ID": "Scene ID",
+  "Schemas": "Schemas",
+  "Scientific": "Scientific",
+  "Sequence": "Sequence",
+  "Servers": "Servers",
+  "Shipping (data is getting processed)": "Shipping (data is getting processed)",
+  "Single image": "Single image",
+  "Size": "Size",
+  "Software": "Software",
+  "Solar Illumination": "Solar Illumination",
+  "Solar System": "Solar System",
+  "Source data": "Source data",
+  "Source metadata": "Source metadata",
+  "South": "South",
+  "Spatial Resolution": "Spatial Resolution",
+  "Specification": "Specification",
+  "Specification Version": "Specification Version",
+  "Speckle Filtering": "Speckle Filtering",
+  "Spectral Bands": "Spectral Bands",
+  "Square Identifier": "Square Identifier",
+  "Standard": "Standard",
+  "Standard Deviation": "Standard Deviation",
+  "Statistics": "Statistics",
+  "Status": "Status",
+  "Std. Dev.": "Std. Dev.",
+  "Step": "Step",
+  "Storage Account": "Storage Account",
+  "Submitted": "Submitted",
+  "Successful Rectification Ratio": "Successful Rectification Ratio",
+  "Successor version": "Successor version",
+  "Summary": "Summary",
+  "Sun Azimuth": "Sun Azimuth",
+  "Sun Elevation": "Sun Elevation",
+  "Supported Endpoints": "Supported Endpoints",
+  "Surface Reflectance (Optical)": "Surface Reflectance (Optical)",
+  "Surface Temperature (Optical)": "Surface Temperature (Optical)",
+  "Synthetic Aperture Radar": "Synthetic Aperture Radar",
+  "System Environment": "System Environment",
+  "TIFF image": "TIFF image",
+  "Table": "Table",
+  "Tables": "Tables",
+  "Tabular Data": "Tabular Data",
+  "Target Body": "Target Body",
+  "Tasks": "Tasks",
+  "Terms of Use": "Terms of Use",
+  "Test": "Test",
+  "Test system, playback data": "Test system, playback data",
+  "Test system, real-time data": "Test system, real-time data",
+  "Test system, simulated data": "Test system, simulated data",
+  "Test system, test data": "Test system, test data",
+  "Text": "Text",
+  "Text document": "Text document",
+  "The Americas (full disk)": "The Americas (full disk)",
+  "The center wavelength of the band": "The center wavelength of the band",
+  "The size of one side of the anonymized bounding box": "The size of one side of the anonymized bounding box",
+  "The time between the reference time and the forecast time": "The time between the reference time and the forecast time",
+  "This document": "This document",
+  "Tier Type": "Tier Type",
+  "Tile Matrix Set Links": "Tile Matrix Set Links",
+  "Tile Matrix Sets": "Tile Matrix Sets",
+  "Tiled Assets": "Tiled Assets",
+  "Time Threshold in a Flash": "Time Threshold in a Flash",
+  "Time Threshold in a Group": "Time Threshold in a Group",
+  "Time of Data": "Time of Data",
+  "Time of Data begins": "Time of Data begins",
+  "Time of Data ends": "Time of Data ends",
+  "Title": "Title",
+  "Transformation Matrix": "Transformation Matrix",
+  "Type": "Type",
+  "URL": "URL",
+  "UTM Zone": "UTM Zone",
+  "Uncertainty": "Uncertainty",
+  "Unfilled Image Parts": "Unfilled Image Parts",
+  "Unit of Values": "Unit of Values",
+  "Unpublished": "Unpublished",
+  "Until {0}": "Until {0}",
+  "Updated": "Updated",
+  "Upright": "Upright",
+  "Valid": "Valid",
+  "Valid Cloud Cover": "Valid Cloud Cover",
+  "Value": "Value",
+  "Values": "Values",
+  "Variables": "Variables",
+  "Variance": "Variance",
+  "Vertical": "Vertical",
+  "View Geometry": "View Geometry",
+  "Viewing Azimuth": "Viewing Azimuth",
+  "Visualization": "Visualization",
+  "Visualizations": "Visualizations",
+  "W/m²/μm": "W/m²/μm",
+  "WKT2": "WKT2",
+  "WMTS Dimensions": "WMTS Dimensions",
+  "WMTS Layers": "WMTS Layers",
+  "WRS Path": "WRS Path",
+  "WRS Row": "WRS Row",
+  "WRS Type": "WRS Type",
+  "WRS-1": "WRS-1",
+  "WRS-2": "WRS-2",
+  "Warning": "Warning",
+  "Wavelength": "Wavelength",
+  "Web Maps": "Web Maps",
+  "WebP image": "WebP image",
+  "Well-Known Text, version 2": "Well-Known Text, version 2",
+  "West": "West",
+  "Worldwide Reference System 1": "Worldwide Reference System 1",
+  "Worldwide Reference System 2": "Worldwide Reference System 2",
+  "Worldwide Reference System Path": "Worldwide Reference System Path",
+  "Worldwide Reference System Row": "Worldwide Reference System Row",
+  "Worldwide Reference System Type": "Worldwide Reference System Type",
+  "XYZ web map": "XYZ web map",
+  "Yaw Flip Configuration": "Yaw Flip Configuration",
+  "ZIP archive": "ZIP archive",
+  "bytes": "bytes",
+  "dB": "dB",
+  "fsspec Options": "fsspec Options",
+  "h": "h",
+  "km": "km",
+  "left-to-right": "left-to-right",
+  "m": "m",
+  "n/a": "n/a",
+  "nm": "nm",
+  "non-standard": "non-standard",
+  "none": "none",
+  "openEO": "openEO",
+  "right-to-left": "right-to-left",
+  "s": "s",
+  "swisstopo": "swisstopo",
+  "unsigned 16-bit integer": "unsigned 16-bit integer",
+  "unsigned 32-bit integer": "unsigned 32-bit integer",
+  "unsigned 64-bit integer": "unsigned 64-bit integer",
+  "unsigned 8-bit integer": "unsigned 8-bit integer",
+  "xarray": "xarray",
+  "{0} until present": "{0} until present",
+  "°": "°",
+  "°E": "°E",
+  "°N": "°N",
+  "μm": "μm"
+}
\ No newline at end of file
diff --git a/src/locales/en/texts.json b/src/locales/en/texts.json
new file mode 100644
index 000000000..e80e5e0c4
--- /dev/null
+++ b/src/locales/en/texts.json
@@ -0,0 +1,287 @@
+{
+  "additionalResources": "Additional Resources",
+  "anonymized": {
+    "title": "Anonymized"
+  },
+  "assets": {
+    "copyGdalVfsUrl": {
+      "generic": "Copy GDAL VFS URL",
+      "withSource": "Copy GDAL VFS URL for {source}"
+    },
+    "copyUrl": {
+      "generic": "Copy URL",
+      "withSource": "Copy URL for {source}"
+    },
+    "currentlyShown": "This is the asset that is currently shown.",
+    "download": {
+      "generic": "Download",
+      "withSource": "Download from {source}"
+    },
+    "inItems": "Asset in Items | Assets in Items",
+    "role": {
+      "data": "Data",
+      "metadata": "Metadata"
+    },
+    "showOnMap": "Show on map",
+    "showThumbnail": "Show thumbnail",
+    "shown": "shown"
+  },
+  "authentication": {
+    "button": {
+      "authenticate": "Authenticate",
+      "authenticated": "Authenticated",
+      "title": "Provide or update your credentials"
+    },
+    "description": "The requested page requires authentication. Please provide your authentication details in the text field below.",
+    "title": "Authentication"
+  },
+  "browse": "Browse",
+  "cancel": "Cancel",
+  "catalog": {
+    "license": "License",
+    "temporalExtent": "Temporal Extent"
+  },
+  "catalogs": {
+    "filterByTitle": "Filter catalogs by title",
+    "loadMore": "Load more...",
+    "noMatches": "No catalogs match the given search criteria."
+  },
+  "copy": "Copy",
+  "default": "Default",
+  "defaultWithValue": "Default ({value})",
+  "deprecated": "Deprecated",
+  "deprecation": {
+    "fallbackTitle": "Show",
+    "latestVersion": "Latest version:",
+    "otherVersionsNotice": "This {type} is *not* deprecated, but there are other versions available:",
+    "otherVersionsTitle": "Other Versions available",
+    "outdatedTitle": "Outdated",
+    "predecessorVersion": "Previous version:",
+    "successorVersion": "Next version:",
+    "warning": "Please note that this {type} is deprecated with the potential to be removed anytime. It should be transitioned out of usage as soon as possible. Refrain from using it in new projects."
+  },
+  "description": "Description",
+  "errors": {
+    "authFailed": "The request errored, the provided authentication details may be incorrect.",
+    "badRequest": "The request is invalid. This might be due to invalid parameters, e.g. in a search request, or could be a bug in STAC Browser.",
+    "contactProvider": "Please contact the service operator to resolve this issue.",
+    "default": "The requested page could not be loaded.",
+    "forbidden": "The credentials specified for this request are invalid, e.g. an expired or invalid API token. Please provide other credentials and try again.",
+    "invalidJsonObject": "The response is not a valid JSON object.",
+    "invalidStacCollections": "The API response is not a valid list of STAC Collections.",
+    "invalidStacItems": "The API response is not a valid list of STAC Items.",
+    "labels": {
+      "cause": "Cause:",
+      "code": "Error Code:",
+      "reason": "Reason:",
+      "requestURL": "Request URL:"
+    },
+    "loadApiCollectionsFailed": "The API Collections could not be loaded.",
+    "loadApiItemsFailed": "The API Items could not be loaded.",
+    "loadFilteredItems": "Sorry, loading a filtered list of Items failed.",
+    "loadItems": "Sorry, loading the list of STAC Items failed.",
+    "networkError": "This issue may occur when servers don't allow external access via web browsers (e.g., when CORS headers are not present). @:errors.contactProvider",
+    "noExternalAccess": "Accessing external catalogs is not allowed!",
+    "notFound": "The requested resource does not exist. @:errors.contactProvider",
+    "serverError": "The server encountered an issue. @:errors.contactProvider",
+    "unauthorized": "The request lacks credentials, e.g. an API token. Please provide your credentials and try again."
+  },
+  "featureExperimental": "This feature is still experimental and may give unexpected results!",
+  "fullscreen": {
+    "exit": "Exit Fullscreen",
+    "show": "View Fullscreen"
+  },
+  "goToCollection": {
+    "description": "Go to the associated collection",
+    "descriptionWithTitle": "@:goToCollection.description: {title}",
+    "label": "Collection"
+  },
+  "goToParent": {
+    "description": "Go to parent",
+    "descriptionWithTitle": "@:goToParent.description: {title}",
+    "label": "Up"
+  },
+  "in": "in {catalog}",
+  "index": {
+    "api": "API",
+    "catalog": "Catalog",
+    "load": "Load",
+    "selectStacIndex": "... or select one from STAC Index:",
+    "specifyCatalog": "Please specify a STAC Catalog or API...",
+    "urlInvalid": "The URL is invalid.",
+    "urlMissingHost": "The URL is missing a host.",
+    "urlMissingProtocol": "The URL is missing a protocol."
+  },
+  "items": {
+    "filter": "Filter",
+    "noTime": "No time given",
+    "noneAvailableForCollection": "No items available for this collection."
+  },
+  "leaflet": {
+    "close": "Close",
+    "noFeatureProperties": "No additional data available for this feature.",
+    "stayLayer": {
+      "error": "Sorry, adding the data to the map failed."
+    },
+    "zoom": {
+      "in": {
+        "description": "Zoom in",
+        "label": "+"
+      },
+      "out": {
+        "description": "Zoom out",
+        "label": "-"
+      }
+    }
+  },
+  "loading": "Loading...",
+  "map": "Map",
+  "metadata": {
+    "general": "General",
+    "title": "Metadata"
+  },
+  "multiselect": {
+    "placeholder": "Select option",
+    "selectLabel": "Press enter to select",
+    "selectedLabel": "Selected",
+    "deselectLabel": "Press enter to remove",
+    "andMore": "and {count} more"
+  },
+  "open": "Open",
+  "pagination": {
+    "first": "« First",
+    "last": "Last »",
+    "next": "Next ›",
+    "previous": "‹ Previous"
+  },
+  "poweredBy": "Powered by {link}",
+  "protocol": {
+    "azure": "Microsoft Azure",
+    "file": "file system (local)",
+    "ftp": "FTP",
+    "gcs": "Google Cloud",
+    "oss": "Alibaba Cloud",
+    "s3": "Amazon S3"
+  },
+  "providers": {
+    "email": "Send e-mail",
+    "homepage": "Go to homepage",
+    "role": {
+      "host": "Host",
+      "licensor": "Licensor",
+      "processor": "Processor",
+      "producer": "Producer"
+    },
+    "title": "Provider | Providers"
+  },
+  "read": {
+    "less": "Read less",
+    "more": "Read more"
+  },
+  "search": {
+    "addCollections": "Press enter to add a collection",
+    "addFilter": "Add filter",
+    "addItemIds": "Press enter to add an Item ID",
+    "additionalFilters": "Additional filters",
+    "buttons": {
+      "filter": "Filter",
+      "reset": "Reset"
+    },
+    "dateDescription": "All times in Coordinated Universal Time (UTC).",
+    "equalTo": "equal to",
+    "filterBySpatialExtent": "Filter by spatial extent",
+    "greaterThan": "greater than",
+    "itemIds": "Item IDs",
+    "itemsPerPage": "Items per page",
+    "itemsPerPageDescription": "Number of items requested per page, max. {maxItems} items.",
+    "lessThan": "less than",
+    "likeOperatorDescription": "You can use wildcard characters. `_` matches a single character, `%` matches any number of characters. To search for a wildcard character specifically, you need to add a `\\` in front of the character.",
+    "matches": "matches",
+    "modifyCriteria": "Please modify the search criteria.",
+    "noItemsFound": "No items found for the given filters.",
+    "notEqualTo": "not equal to",
+    "notFullySupported": "Not all of the options may be supported.",
+    "notSupported": "Item Search is not supported by the API.",
+    "placeholder": "Search...",
+    "selectCollections": "Select one or multiple collections...",
+    "selectItemIds": "Select one or multiple Item IDs...",
+    "sortOptions": {
+      "datetime": "Date and Time",
+      "id": "ID",
+      "title": "Title"
+    },
+    "spatialExtent": "Spatial Extent",
+    "temporalExtent": "Temporal Extent",
+    "title": "Search"
+  },
+  "showMore": "Show more...",
+  "sidebar": {
+    "switchCatalog": "Switch Catalog"
+  },
+  "sort": {
+    "asc": {
+      "label": "Ascending",
+      "title": "Sort in acending order (A-Z)"
+    },
+    "desc": {
+      "label": "Descending",
+      "title": "Sort in descending order (Z-A)"
+    },
+    "title": "Sort"
+  },
+  "source": {
+    "detailsAboutSource": "Details about the STAC source",
+    "label": "Source",
+    "language": {
+      "label": "Language: {currentLanguage}",
+      "onlyData": "Only the data is available in this language!",
+      "onlyUI": "Only the user interface is available in this language!",
+      "switch": "Switch the language"
+    },
+    "locatedAt": "The STAC metdata file is located at:",
+    "share": {
+      "email": "E-mail",
+      "label": "Share",
+      "message": "{title} is available at {url}",
+      "sharePageWithOthers": "Share the URL of this page anywhere you like:",
+      "title": "Share",
+      "twitter": "Twitter",
+      "withOthers": "Share this page with others"
+    },
+    "stacVersion": "STAC Version:",
+    "title": "Source Data",
+    "valid": "Valid:",
+    "validating": "Validating...",
+    "validationNA": "n/a"
+  },
+  "stacAssets": "Asset | Assets",
+  "stacCatalog": "Catalog | Catalogs",
+  "stacCollection": "Collection | Collections",
+  "stacItem": "Item | Items",
+  "submit": "Submit",
+  "table": {
+    "emptyFilteredText": "There are no records matching your request",
+    "emptyText": "There are no records to show",
+    "sort": {
+      "asc": "Click to sort ascending",
+      "clear": "Click to clear sorting",
+      "desc": "Click to sort descending"
+    }
+  },
+  "thumbnails": "Thumbnails",
+  "tree": {
+    "moreCollectionPagesAvailable": "more pages available for Collection",
+    "noChildren": "No children available."
+  },
+  "view": {
+    "list": {
+      "label": "List",
+      "title": "Show as list"
+    },
+    "tiles": {
+      "label": "Tiles",
+      "title": "Show as tiles"
+    },
+    "title": "Display Options"
+  }
+}
diff --git a/src/locales/fr-CA/config.json b/src/locales/fr-CA/config.json
new file mode 100644
index 000000000..009ace487
--- /dev/null
+++ b/src/locales/fr-CA/config.json
@@ -0,0 +1,4 @@
+{
+  "native": "Français (Canada)",
+  "global": "French (Canada)"
+}
\ No newline at end of file
diff --git a/src/locales/fr-CA/datepicker.js b/src/locales/fr-CA/datepicker.js
new file mode 100644
index 000000000..289b72d68
--- /dev/null
+++ b/src/locales/fr-CA/datepicker.js
@@ -0,0 +1,3 @@
+const format = 'YYYY-MM-DD';
+const locale = import('vue2-datepicker/locale/fr');
+export default {format, locale};
diff --git a/src/locales/fr-CA/default.js b/src/locales/fr-CA/default.js
new file mode 100644
index 000000000..4896c6bf5
--- /dev/null
+++ b/src/locales/fr-CA/default.js
@@ -0,0 +1,7 @@
+export default Object.assign(
+  {
+    fields: require('../fr-FR/fields.json'),
+  },
+  require('../fr-FR/texts.json'),
+  require('../fr-FR/custom.json')
+);
\ No newline at end of file
diff --git a/src/locales/fr-CA/duration.js b/src/locales/fr-CA/duration.js
new file mode 100644
index 000000000..3bab336e0
--- /dev/null
+++ b/src/locales/fr-CA/duration.js
@@ -0,0 +1,2 @@
+import { fr as locale } from '@musement/iso-duration';
+export default locale;
diff --git a/src/locales/fr-FR/config.json b/src/locales/fr-FR/config.json
new file mode 100644
index 000000000..c83af4af0
--- /dev/null
+++ b/src/locales/fr-FR/config.json
@@ -0,0 +1,4 @@
+{
+  "native": "Français (France)",
+  "global": "French (France)"
+}
\ No newline at end of file
diff --git a/src/locales/fr-FR/custom.json b/src/locales/fr-FR/custom.json
new file mode 100644
index 000000000..0176f41ab
--- /dev/null
+++ b/src/locales/fr-FR/custom.json
@@ -0,0 +1,5 @@
+{
+  "authConfig": {
+    "description": ""
+  }
+}
diff --git a/src/locales/fr-FR/datepicker.js b/src/locales/fr-FR/datepicker.js
new file mode 100644
index 000000000..66f9bad23
--- /dev/null
+++ b/src/locales/fr-FR/datepicker.js
@@ -0,0 +1,3 @@
+const format = 'DD/MM/YYYY';
+const locale = import('vue2-datepicker/locale/fr');
+export default {format, locale};
diff --git a/src/locales/fr-FR/default.js b/src/locales/fr-FR/default.js
new file mode 100644
index 000000000..1853921fe
--- /dev/null
+++ b/src/locales/fr-FR/default.js
@@ -0,0 +1,7 @@
+export default Object.assign(
+  {
+    fields: require('./fields.json'),
+  },
+  require('./texts.json'),
+  require('./custom.json')
+);
\ No newline at end of file
diff --git a/src/locales/fr-FR/duration.js b/src/locales/fr-FR/duration.js
new file mode 100644
index 000000000..3bab336e0
--- /dev/null
+++ b/src/locales/fr-FR/duration.js
@@ -0,0 +1,2 @@
+import { fr as locale } from '@musement/iso-duration';
+export default locale;
diff --git a/src/locales/fr-FR/fields.json b/src/locales/fr-FR/fields.json
new file mode 100644
index 000000000..d36ec20a7
--- /dev/null
+++ b/src/locales/fr-FR/fields.json
@@ -0,0 +1,490 @@
+{
+  "%": "%",
+  "1 (less latency / less gauges)": "1 (moins de latence / moins de jauges)",
+  "16-bit complex integer": "Nombre entier complexe (16 bits)",
+  "16-bit float": "Nombre décimal (16 bits)",
+  "16-bit integer": "Nombre entier (16 bits)",
+  "2 (more latency / more gauges)": "2 (plus de latence / plus de jauges)",
+  "32-bit complex float": "Nombre décimal complexe (32 bits)",
+  "32-bit complex integer": "Nombre entier complexe (32 bits)",
+  "32-bit float": "Nombre décimal (32 bits)",
+  "32-bit integer": "Nombre entier (32 bits)",
+  "3: 1x full disk, 3x continental US, 30x mesoscale region 1, 30x mesoscale region 2 (every 15 minutes)": "3: 1x disque complet, 3x États-Unis continentaux, 30x Région mésoéchelle 1, 30x Région mésoéchelle 2 (toutes les 5 minutes)",
+  "4: 1x full disk (every 5 minutes)": "4: 1x disque complet (toutes les 5 minutes)",
+  "64-bit complex float": "Nombre décimal complexe (64 bits)",
+  "64-bit float": "Nombre décimal (64 bits)",
+  "64-bit integer": "Nombre entier (64 bits)",
+  "6: 1x full disk, 2x continental US, 20x mesoscale region 1, 20x mesoscale region 2 (every 10 minutes)": "6: 1x disque complet, 2x États-Unis continentaux, 20x Région mésoéchelle 1, 20x Région mésoéchelle 2 (toutes les 10 minutes)",
+  "8-bit integer": "Nombre entier (8 bits)",
+  "ANX Time": "Heure ANX",
+  "API Version": "Version de l'API",
+  "API conformance declaration": "Déclaration de conformité de l'API",
+  "API definitions": "Définitions de l'API",
+  "API user socumentation": "Documentation pour les utilisateurs de l'API",
+  "About this resource": "À propos de cette ressource",
+  "Abs. Orbit Number": "Numéro abs. d'orbite",
+  "Abs. RTC Accuracy": "Précision absolue CRT",
+  "Absolute Orbit Number": "Numéro absolu d'orbite",
+  "Absolute accuracy of the Radiometric Terrain Correction": "Précision absolue de la correction radiométrique du terrain",
+  "Accumulation Period": "Période d'accumulation",
+  "Alaska": "Alaska",
+  "Alibaba Cloud": "Alibaba Cloud",
+  "Alternate Name": "Nom alternatif",
+  "Alternative Access Methods": "Méthodes d'accès alternatives",
+  "Alternative representation": "Représentation alternative",
+  "Alternatives": "Alternatives",
+  "Amazon AWS": "Amazon AWS",
+  "Anonymized Location": "Localisation anonymisée",
+  "Area": "Superficie",
+  "Area in Central/South America": "Zone d'Amérique centrale et du Sud",
+  "Ascending Node Crossing time": "Heure de passage du nœud ascendant",
+  "Asset Type": "Type de ressource",
+  "Available Languages": "Langues disponibles",
+  "Average": "Moyenne",
+  "Average spatial resolution": "Résolution spatiale moyenne",
+  "Axis": "Axe",
+  "Azimuth Looks": "Azimut de visées",
+  "Azimuth Resolution": "Résolution en azimut",
+  "Aziumth Pixel Spacing": "Espacement de pixel en azimut",
+  "Back-End Version": "Version du système dorsal",
+  "Bands": "Bandes",
+  "Based on IANA relation types": "Basé sur les types de relations de l'IANA",
+  "Based on the IANA media (MIME) types": "Basé sur les types media (MIME) de l'IANA",
+  "Billing": "Facturation",
+  "Binary": "Binaire",
+  "Binary file": "Fichier binaire",
+  "Bit Mask": "Masque de bit binaire",
+  "Bitmap": "Bitmap",
+  "Bitmap image": "Image Bitmap",
+  "Bits per Sample": "Bits par échantillon",
+  "Bounding Box": "Boîte englobante",
+  "Bundle Type": "Type d'ensemble",
+  "Byte Order": "Ordre des octets",
+  "CARD4L": "CARD4L",
+  "CBERS": "CBERS",
+  "CEOS Analysis Ready Data for Land": "Données prêtes à l'analyse du CEOS pour la terre",
+  "CRS": "SRS",
+  "Cadence": "Cadence",
+  "Canceled (delivery stopped)": "Annulation (livraison annulée)",
+  "Capture Mode": "Mode de capture",
+  "Caribbean Islands": "Îles des Caraïbes",
+  "Center Frequency": "Fréquence centrale",
+  "Central Wavelength": "Longueur d'onde centrale",
+  "Central/South America (mesoscale)": "Amérique centrale et du Sud (mésoéchelle)",
+  "Centroid": "Centroïde",
+  "Checksum": "Somme de contrôle",
+  "China-Brazil Earth Resources Satellite Program": "China-Brazil Earth Resources Satellite Program",
+  "Citation": "Citation",
+  "Citation information": "Information de citation",
+  "Classes": "Classes",
+  "Classification": "Classification",
+  "Clear Sky": "Ciel clair",
+  "Cloud Cover": "Couverture nuageuse",
+  "Cloud Storage": "Stockage infonuagique",
+  "Cloud-Optimized GeoTIFF image": "Image GeoTIFF optimisé pour le nuage",
+  "Cloud-Optimized Point Cloud (LASzip)": "Nuage de points (LASzip) optimisé pour le nuage",
+  "Code": "Code",
+  "Collection Category": "Catégorie de collection",
+  "Collection Number": "Numéro de collection",
+  "Color": "Couleur",
+  "Columns": "Colonnes",
+  "Comma-separated values (CSV)": "Valeurs séparées par des virgules (CSV)",
+  "Common Name": "Nom usuel",
+  "Constellation": "Constellation",
+  "Container": "Conteneur",
+  "Continental US": "États-Unis continentaux",
+  "Control points used to geolocate image, no terrain correction": "Points de contrôle utilisés pour géolocaliser l'image, aucune correction du terrain",
+  "Control points used to geolocate image, orthorectified": "Points de contrôle utilisés pour géolocaliser l'image, orthorectifiée",
+  "Coordinate / Temporal / Other Reference System": "Système de référence spatial / temporel / autre",
+  "Coordinate Reference System": "Système de référence spatial",
+  "Coordinate data": "Coordonnées",
+  "Copernicus Sentinel": "Copernicus Sentinel",
+  "Count": "Total",
+  "Counts": "Totaux",
+  "Created": "Création",
+  "Current Language": "Langue actuelle",
+  "DOI": "DOI",
+  "DOQ": "DOQ",
+  "DOQQ": "DOQQ",
+  "Data": "Données",
+  "Data Coverage": "Couverture des données",
+  "Data Cube": "Cube de données",
+  "Data Lost": "Perte de données",
+  "Data Type": "Type de données",
+  "Data Type of Values": "Type de données des valeurs",
+  "Data Version": "Version des données",
+  "Delivered (data is available)": "Livré (données disponibles)",
+  "Density": "Densité",
+  "Deprecated": "Obsolète",
+  "Description": "Description",
+  "Description of the resource": "Description de la ressource",
+  "Digital Orthophoto Quadrangle": "Quadrangle d'orthophotographie numérique",
+  "Digital Orthophoto Quarter Quadrangle": "Cadrant de quadrangle d'orthophotographie numérique",
+  "Dimensions": "Dimensions",
+  "Direction": "Direction",
+  "EASE-DGGS": "EASE-DGGS",
+  "ENL": "ENL",
+  "EPSG Code": "Code EPSG",
+  "East": "Est",
+  "Eastern Geometric Accuracy": "Précision géométrique à l'Est",
+  "Easting": "Orientation à l'est",
+  "Electro-Optical": "Électro-optique",
+  "Ellipsoidal Height": "Hauteur ellipsoïdale",
+  "Equivalent Number of Looks": "Nombre équivalent de visées",
+  "Events navigated by Instrument": "Événements navigués par instrument",
+  "Expires": "Expiration",
+  "Extent": "Étendue",
+  "FWHM": "FWHM",
+  "Facility": "Installation",
+  "Failed (unable to deliver)": "Échec (incapacité à livrer)",
+  "Federal Office of Topography (Switzerland)": "Office fédéral de topographie (Suisse)",
+  "File": "Fichier",
+  "File Format": "Format de fichier",
+  "Finalized": "Finalisé",
+  "Flag indicating that the spacecraft is operating in yaw flip configuration.": "Indicateur que l'engin spatial fonctionne en configuration de basculement en lacet.",
+  "Font": "Police",
+  "Footprint": "Empreinte",
+  "Forecast": "Prévision",
+  "Forecast Horizon": "Horizon de prévision",
+  "Forecast Length": "Durée de prévision",
+  "Format": "Format",
+  "Fraction of level {i} column cell": "Portion du niveau {i} de la colonne de la cellule",
+  "Fraction of level {i} row cell": "Portion du niveau {i} de la rangée de la cellule",
+  "Frequency Band": "Fréquence de la bande",
+  "Full Width Half Max": "Demi-largeur totale maximale",
+  "GHz": "GHz",
+  "GIF image": "Image GIF",
+  "GSD": "GSD",
+  "GZIP archive": "Archive GZIP",
+  "GeoTIFF image": "Image GeoTIFF",
+  "Geolocation precision level": "Geolocation precision level",
+  "Geolocation using only satellite telemetry": "Geolocation using only satellite telemetry",
+  "Google Cloud Platform": "Google Cloud Platform",
+  "Google Earth Engine": "Google Earth Engine",
+  "Grayscale with relief": "Tons de gris avec relief",
+  "Grayscale without relief": "Tons de gris sans relief",
+  "Grid": "Grille",
+  "Grid Cell": "Cellule de la grille",
+  "Grid Square": "Quadrillage",
+  "Gridded Data": "Données matricielles",
+  "Ground Sample Distance": "Distance de l'échantillon au sol",
+  "Guam": "Guam",
+  "HTML (Website)": "HTML (Site Web)",
+  "HTTP Methods": "Méthodes HTTP",
+  "Hashing algorithm:": "Algorithme de hachage:",
+  "Hawaii": "Hawaii",
+  "Header Size": "Taille de l'en-tête",
+  "Histogram": "Histogramme",
+  "Horizontal": "Horizontal",
+  "IBM Cloud": "IBM Cloud",
+  "Identifier": "Identifiant",
+  "Illustration": "Illustration",
+  "Image Dimensions": "Dimensions de l'image",
+  "Image Strip ID": "Identifiant de bande d'image",
+  "Image collection": "Collection d'image",
+  "Incidence Angle": "Angle d'incidence",
+  "Incidence Angle (far)": "Angle d'incidence (éloigné)",
+  "Incidence Angle (near)": "Angle d'incidence (rapproché)",
+  "Instrument Mode": "Mode de l'instrument",
+  "Instruments": "Instruments",
+  "Int. Designator": "Numéro d'immatriculation inter.",
+  "International designator for the platform, also known as COSPAR ID and NSSDCA ID.": "Numéro d'immatriculation international de la plateforme, aussi connu sous COSPAR ID et NSSDCA ID.",
+  "Internationalization / Localization": "Internationalisation / Localisation",
+  "Inverted": "Inversé",
+  "JPEG 2000 image": "Image JPEG 2000",
+  "JPEG image": "Image JPEG",
+  "JSON encoding of WKT2": "Encodage JSON de WKT2",
+  "Keywords": "Mots-clé",
+  "Labels / ML": "Étiquettes / ML",
+  "Land Cloud Cover": "Couverture nuageuse au sol",
+  "Landsat": "Landsat",
+  "Language": "Langue",
+  "Latest version": "Dernière version",
+  "Latitude Band": "Bande de latitude",
+  "Level": "Niveau",
+  "Level 0 column cell": "Niveau 0 de la colonne de la cellule",
+  "Level 0 row cell": "Niveau 0 de la colonne de la cellule",
+  "License": "Licence",
+  "Lightning Events": "Événements Lightning",
+  "Lightning Flashes": "Flashs Lightning",
+  "Lightning Groups": "Groupes Lightning",
+  "Lightning flash maximum time difference among lightning events in a flash": "Flash Lightning, différence de temps maximale entre les événements Lightning dans un Flash",
+  "Lightning group maximum time difference among lightning events in a group": "Groupe Lightning, différence de temps maximale entre les événements Lightning dans un groupe.",
+  "Lineage": "Lignée",
+  "Local Path": "Chemin local",
+  "MGRS": "MGRS",
+  "MODIS Sinusoidal Tile Grid": "Grille de tuiles MODIS Sinusoidal",
+  "Map of Values": "Dictionnaire de valeurs",
+  "Markdown document": "Document Markdown",
+  "Max.": "Max.",
+  "Maxar ARD Tile Grid": "Grille de tuiles Maxar ARD",
+  "Maxmimum value": "Valeur Maximale",
+  "Mean Faraday Rotation": "Rotation Faraday moyenne",
+  "Measured values": "Valeurs mesurées",
+  "Meta Raster Format": "Format Meta Raster",
+  "Metadata": "Métadonnées",
+  "Methods": "Méthodes",
+  "Microsoft": "Microsoft",
+  "Microsoft Azure": "Microsoft Azure",
+  "Military Grid Reference System": "Système de référence de la grille militaire",
+  "Min.": "Min.",
+  "Minimum value": "Valeur minimale",
+  "Mission": "Mission",
+  "NOAA GOES": "NOAA GOES",
+  "NOAA Geostationary Operational Environmental Satellite": "Satellite géostationnaire opérationnel d'étude de l'environnement (GOES) de la NOAA",
+  "NOAA MRMS QPE": "NOAA MRMS QPE",
+  "NOAA Multi-Radar Multi-Sensor Quantitative Precipitation Estimation": "Estimation quantitative des précipitations du système multicapteur de la NOAA",
+  "Name": "Nom",
+  "Neither": "Ni l'un ni l'autre",
+  "Newline Delimited JSON": "JSON délimité par une nouvelle ligne",
+  "Next page": "Page suivante",
+  "No-Data Values": "Valeurs de No-Data",
+  "No-data value": "Valeur de No-Data",
+  "Noise Equivalent Intensity": "Intensité équivalente de bruit",
+  "Nominal satellite height above GRS 80 ellipsoid": "Hauteur nominale du satellite au-dessus de l'ellipsoïde GRS 80",
+  "Normalized Radar Backscatter (SAR)": "Rétrodiffusion radar normalisée (RSO)",
+  "North": "Nord",
+  "North America (continental US)": "Amérique du Nord (Etats-Unis continentaux)",
+  "Northern Geometric Accuracy": "Précision géométrique au nord",
+  "Northing": "Orientation au nord",
+  "Number of Points": "Nombre de points",
+  "Number of bits": "Nombre de bits",
+  "OGC WMTS web map": "Service web cartographique OGC WMTS",
+  "Observation Direction": "Observation Direction",
+  "Off-Nadir Angle": "Angle hors-nadir",
+  "Offset": "Décalage",
+  "Offset to the first bit": "Décalage du premier bit",
+  "Open Data Cube": "Open Data Cube",
+  "Operational system, real-time data": "Système opérationnel, données en temps réel",
+  "Operational system, test data": "Système opérationnel, données d'essai",
+  "Oracle Cloud": "Oracle Cloud",
+  "Orbit State": "État de l'orbite",
+  "Order": "Commander",
+  "Order details": "Détails de la commande",
+  "Orderable (data can be ordered)": "Sur commande (les données peuvent être commandées)",
+  "Ordered (preparing to deliver data)": "Sur commande (se prépare à fournir des données)",
+  "Orbital Slot": "Créneau orbital",
+  "Origin of this document": "Origine de ce document",
+  "Overview": "Aperçu général",
+  "Overviews": "Aperçus",
+  "PDF document": "Document PDF",
+  "PNG image": "Image PNG",
+  "PROJJSON": "PROJJSON",
+  "Parent STAC Catalog": "Catalogue STAC parent",
+  "Pass Number": "Numéro de passage",
+  "Path": "Chemin d'accès",
+  "Path Template": "Modèle de chemin d'accès",
+  "Pending (waiting for activation)": "En attente (en attente d'activation)",
+  "Percentage of valid pixels": "Pourcentage de pixels valides",
+  "Planet Labs Inc.": "Planet Labs Inc.",
+  "Platform": "Plateforme",
+  "Platform Altitude": "Altitude de la plateforme",
+  "Point (at pixel center)": "Point (au centre du pixel)",
+  "Point Cloud": "Nuage de points",
+  "Points": "Points",
+  "Polarimetric Radar (SAR)": "Radar polarimétrique (RSO)",
+  "Polarizations": "Polarisations",
+  "Position": "Position",
+  "Positional Accuracy": "Précision de la position",
+  "Predecessor version": "Version antérieure",
+  "Preview": "Aperçu",
+  "Previous page": "Page précédente",
+  "Primary Geometry Column": "Primary Geometry Column",
+  "Processing": "En traitement",
+  "Processing Instructions": "Instructions de traitement",
+  "Processing Level": "Niveau de traitement",
+  "Processing Status": "État du traitement",
+  "Processing inctructions/code": "Traitement des inctructions/code",
+  "Product ID": "Identifiant de produit",
+  "Product Type": "Type de produit",
+  "Product Variant": "Variante du produit",
+  "Production-Ready": "Prêt pour la production",
+  "Projection": "Projection",
+  "Properties": "Propriétés",
+  "Property Key": "Clé de la propriété",
+  "Provider": "Fournisseur",
+  "Providers": "Fournisseurs",
+  "Publication": "Publication",
+  "Publications": "Publications",
+  "Published": "Publié",
+  "Publishing Stage": "Étape de publication",
+  "Purpose": "Objectif",
+  "Quadkey": "Quadkey",
+  "Quadrangle": "Quadrangle",
+  "Quality Category": "Categorie de qualité",
+  "Quarter": "Quart",
+  "RGB color with relief": "Couleur RGB avec relief",
+  "RGB color without relief": "Couleur RGB sans relief",
+  "Range Looks": "Portée de la visée",
+  "Range Pixel Spacing": "Range Pixel Spacing",
+  "Range Resolution": "Range Resolution",
+  "Raster Imagery": "Imagerie matricielle",
+  "Read Options": "Options de lecture",
+  "Reading and writing direction": "Reading and writing direction",
+  "Reference Grid Path": "Tracé de la grille de référence",
+  "Reference Grid Row": "Ligne de la grille de référence",
+  "Reference System": "Système de référence",
+  "Reference Time": "Temps de référenc",
+  "Region": "Région",
+  "Region 1": "Région 1",
+  "Region 2": "Région 2",
+  "Rel. Orbit Number": "Numéro rel. d'orbite ",
+  "Rel. RTC Accuracy": "Précision rel. CRT",
+  "Related resource": "Ressource liée",
+  "Relation": "Relation",
+  "Relative Orbit Number": "Numéro relatif d'orbite",
+  "Relative accuracy of the Radiometric Terrain Correction": "Précision realtive de la correction radiométrique du terrain",
+  "Requester Pays": "Frais assumés par le requérant",
+  "Resolution": "Résolution",
+  "Revisit Interval": "Intervalle de revisite",
+  "Root STAC Catalog": "Catalogue racine STAC",
+  "Row": "Ligne",
+  "Rows": "Lignes",
+  "SAR": "RSO",
+  "STAC Collection": "Collection STAC",
+  "STAC Item for input data": "Élément STAC pour les données saisies",
+  "SVG vector image": "Image vectorielle SVG",
+  "Sampling": "Échatillonnage",
+  "Satellite": "Satellite",
+  "Satellite Height": "Hauteur du satellite",
+  "Satellite Subpoint Latitude": "Latitude du sous-point du satellite",
+  "Satellite Subpoint Longitude": "Longitude du sous-point du satellite",
+  "Scale": "Échelle",
+  "Scene ID": "Identifiant de scène",
+  "Schemas": "Schémas",
+  "Scientific": "Scientifique",
+  "Sequence": "Séquence",
+  "Servers": "Serveurs",
+  "Shipping (data is getting processed)": "Expédition (les données sont traitées)",
+  "Single image": "Image unique",
+  "Size": "Taille",
+  "Software": "Logiciel",
+  "Solar Illumination": "Illumination solaire",
+  "Solar System": "Système solaire",
+  "Source data": "Source de données",
+  "Source metadata": "Source de metadonnées",
+  "South": "Sud",
+  "Spatial Resolution": "Résolution spatiale",
+  "Specification": "Spécifications",
+  "Specification Version": "Version des spécifications",
+  "Speckle Filtering": "Filtrage du chatoiement",
+  "Spectral Bands": "Bandes spectrales",
+  "Square Identifier": "Identifiant du carré",
+  "Standard": "Standard",
+  "Standard Deviation": "Écart type",
+  "Statistics": "Statistiques",
+  "Status": "Statut",
+  "Std. Dev.": "Écart type",
+  "Step": "Étape",
+  "Storage Account": "Compte de stockage",
+  "Submitted": "Transmis",
+  "Successful Rectification Ratio": "Successful Rectification Ratio",
+  "Successor version": "Version de remplacement",
+  "Summary": "Résumé",
+  "Sun Azimuth": "Azimut du soleil",
+  "Sun Elevation": "Altitude du soleil",
+  "Supported Endpoints": "Points d'accès pris en charge",
+  "Surface Reflectance (Optical)": "Réflectance de la surface (Optique)",
+  "Surface Temperature (Optical)": "Température de la surface (Optique)",
+  "Synthetic Aperture Radar": "Radar à synthèse d'ouverture",
+  "System Environment": "Environnement du système",
+  "TIFF image": "Image TIFF",
+  "Table": "Tableau",
+  "Tables": "Tableaux",
+  "Tabular Data": "Données tabulaires",
+  "Target Body": "Corps ciblé",
+  "Tasks": "Tâches",
+  "Terms of Use": "Conditions d'utilisation",
+  "Test": "Test",
+  "Test system, playback data": "Système d'essai, données de lecture",
+  "Test system, real-time data": "Système d'essai, données en temps réel",
+  "Test system, simulated data": "Système d'essai, données simulées",
+  "Test system, test data": "Système d'essai, données d'essai",
+  "Text": "Texte",
+  "Text document": "Document texte",
+  "The Americas (full disk)": "Les Amériques (disque complet)",
+  "The center wavelength of the band": "Longueur d'onde centrale de la bande",
+  "The size of one side of the anonymized bounding box": "La taille d'un des côtés de la boîte englobante anonyme",
+  "The time between the reference time and the forecast time": "Le temps entre le temps de référence et le temps de prévu",
+  "This document": "Ce document",
+  "Tier Type": "Type de tier",
+  "Tile Matrix Set Links": "Liens des ensembles de matrices de tuiles",
+  "Tile Matrix Sets": "Ensembles de matrices de tuiles",
+  "Tiled Assets": "Ressources en tuiles",
+  "Time Threshold in a Flash": "Seuil de temps pour un Flash",
+  "Time Threshold in a Group": "Seuil de temps pour un groupe",
+  "Time of Data": "Heure des données",
+  "Time of Data begins": "Heure de début des données",
+  "Time of Data ends": "Heure de fin des données",
+  "Title": "Titre",
+  "Transformation Matrix": "Matrice de transformation",
+  "Type": "Type",
+  "URL": "URL",
+  "UTM Zone": "Zone UTM",
+  "Uncertainty": "Incertitude",
+  "Unfilled Image Parts": "Parties d'image non remplies",
+  "Unit of Values": "Unité de valeurs",
+  "Unpublished": "Non-publié",
+  "Until {0}": "Jusqu'au {0}",
+  "Updated": "Mis à jour",
+  "Upright": "Debout",
+  "Valid": "Valide",
+  "Valid Cloud Cover": "Couverture nuageuse valide",
+  "Value": "Valeur",
+  "Values": "Valeurs",
+  "Variables": "Variables",
+  "Variance": "Variance",
+  "Vertical": "Vertical",
+  "View Geometry": "Voir la géométrie",
+  "Viewing Azimuth": "Azimut de visualisation",
+  "Visualization": "Visualisation",
+  "Visualizations": "Visualisations",
+  "W/m²/μm": "W/m²/μm",
+  "WKT2": "WKT2",
+  "WMTS Dimensions": "Dimensions WMTS",
+  "WMTS Layers": "Couches WMTS",
+  "WRS Path": "Chemin WRS",
+  "WRS Row": "Ligne WRS",
+  "WRS Type": "Type WRS",
+  "WRS-1": "WRS-1",
+  "WRS-2": "WRS-2",
+  "Warning": "Avertissement",
+  "Wavelength": "Longueur d'onde",
+  "Web Maps": "Carte Web",
+  "WebP image": "Image WebP",
+  "Well-Known Text, version 2": "Well-Known Text, version 2",
+  "West": "Ouest",
+  "Worldwide Reference System 1": "Système de référence mondial 1",
+  "Worldwide Reference System 2": "Système de référence mondial 2",
+  "Worldwide Reference System Path": "Chemin du Système de référence mondial ",
+  "Worldwide Reference System Row": "Ligne du Système de référence mondial",
+  "Worldwide Reference System Type": "Type de Système de référence mondial",
+  "XYZ web map": "Carte web XYZ",
+  "Yaw Flip Configuration": "Configuration de l'orientation en lacet",
+  "ZIP archive": "Archive ZIP",
+  "bytes": "octets",
+  "dB": "dB",
+  "fsspec Options": "Opitons fsspec",
+  "h": "h",
+  "km": "km",
+  "left-to-right": "gauche-droite",
+  "m": "m",
+  "n/a": "s.o.",
+  "nm": "nm",
+  "non-standard": "non-standard",
+  "none": "aucun",
+  "openEO": "openEO",
+  "right-to-left": "droite-gauche",
+  "s": "s",
+  "swisstopo": "swisstopo",
+  "unsigned 16-bit integer": "entier non signé (16 bits)",
+  "unsigned 32-bit integer": "entier non signé (32 bits)",
+  "unsigned 64-bit integer": "entier non signé (64 bits)",
+  "unsigned 8-bit integer": "entier non signé (8 bits)",
+  "xarray": "xarray",
+  "{0} until present": "{0} jusqu'à présent",
+  "°": "°",
+  "°E": "°E",
+  "°N": "°N",
+  "μm": "μm"
+}
\ No newline at end of file
diff --git a/src/locales/fr-FR/texts.json b/src/locales/fr-FR/texts.json
new file mode 100644
index 000000000..797e3774a
--- /dev/null
+++ b/src/locales/fr-FR/texts.json
@@ -0,0 +1,287 @@
+{
+  "additionalResources": "Ressources supplémentaires",
+  "anonymized": {
+    "title": "Anonymat"
+  },
+  "assets": {
+    "copyGdalVfsUrl": {
+      "generic": "Copier le lien du GDAL VFS",
+      "withSource": "Copier le lien du GDAL VFS de {source}"
+    },
+    "copyUrl": {
+      "generic": "Copier le  lien",
+      "withSource": "Copier le  lien de {source}"
+    },
+    "currentlyShown": "Ceci est la ressource actuellement affichée.",
+    "download": {
+      "generic": "Télécharger",
+      "withSource": "Télécharger à partir de {source}"
+    },
+    "inItems": "Ressource des éléments | Ressources des éléments",
+    "role": {
+      "data": "Données",
+      "metadata": "Métadonnées"
+    },
+    "showOnMap": "Afficher sur la carte",
+    "showThumbnail": "Afficher l'aperçu",
+    "shown": "Affiché"
+  },
+  "authentication": {
+    "button": {
+      "authenticate": "Authentifiez vous",
+      "authenticated": "Authentifié",
+      "title": "Saisir ou mettre à jour vos informations d'authentification"
+    },
+    "description": "La page demandée nécessite une authentification. Veuillez fournir vos informations d'authentification dans le champ de texte ci-dessous.",
+    "title": "Authentification"
+  },
+  "browse": "Parcourir",
+  "cancel": "Annuler",
+  "catalog": {
+    "license": "Licence",
+    "temporalExtent": "Étendue temporelle"
+  },
+  "catalogs": {
+    "filterByTitle": "Filtrer les catalogues par titre",
+    "loadMore": "Charger plus...",
+    "noMatches": "Aucun catalogue ne correspond aux critères de recherche."
+  },
+  "copy": "Copier",
+  "default": "Défault",
+  "defaultWithValue": "Défault ({value})",
+  "deprecated": "Déprécié",
+  "deprecation": {
+    "fallbackTitle": "Afficher",
+    "latestVersion": "Dernière version:",
+    "otherVersionsNotice": "Ce {type} n'est *pas* déprécié, mais il existe d'autres versions disponibles:",
+    "otherVersionsTitle": "Autres versions disponibles",
+    "outdatedTitle": "Désuet",
+    "predecessorVersion": "Version précédente:",
+    "successorVersion": "Version suivante:",
+    "warning": "Veuillez noter que ce {type} est déprécié et peut être supprimé à tout moment. Son usage devrait être abandonné dès que possible. Évitez de l'utiliser dans les nouveaux projets."
+  },
+  "description": "Description",
+  "errors": {
+    "authFailed": "La requête a échoué, les informations d'authentification fournies peuvent être incorrectes.",
+    "badRequest": "La requête n'est pas valide. Cela peut être dû à des paramètres de recherche invalides ou à un bogue au niveau de STAC Browser",
+    "contactProvider": "Veuillez contacter l'exploitant du service afin de résoudre ce problème.",
+    "default": "La page demandée n'a pas pu être chargée.",
+    "forbidden": "Les informations d'authentification spécifiées pour cette requête ne sont pas valides, par exemple un jeton d'API expiré ou est non valide. Veuillez fournir d'autres informations d'authentification et réessayer",
+    "invalidJsonObject": "La réponse n'est pas un objet JSON valide.",
+    "invalidStacCollections": "La réponse de l'API n'est pas une liste valide de collections STAC.",
+    "invalidStacItems": "La réponse de l'API n'est pas une liste valide d'éléments STAC.",
+    "labels": {
+      "cause": "Cause:",
+      "code": "Code d'erreur:",
+      "reason": "Raison:",
+      "requestURL": "URL demandé:"
+    },
+    "loadApiCollectionsFailed": "Les collections de l'API n'ont pas pu être chargées.",
+    "loadApiItemsFailed": "Les éléments de l'API n'ont pas pu être chargés.",
+    "loadFilteredItems": "Désolé, le chargement d'une liste d'éléments filtrés a échoué.",
+    "loadItems": "Désolé, le chargement de la liste des éléments STAC a échoué.",
+    "networkError": "Ce problème peut se produire lorsque les serveurs n'autorisent pas l'accès externe via les navigateurs Web (par exemple, lorsque les en-têtes CORS ne sont pas présents). @:errors.contactProvider",
+    "noExternalAccess": "L'accès aux catalogues externes n'est pas autorisé!",
+    "notFound": "La ressource demandée n'existe pas. @:errors.contactProvider",
+    "serverError": "Le serveur a rencontré un problème. @:errors.contactProvider",
+    "unauthorized": "La requête requiert des informations d'authentification, comme par exemple un jeton API. Veuillez fournir vos informations d'authentification et réessayer"
+  },
+  "featureExperimental": "Cette fonctionnalité est encore expérimentale et peut donner des résultats inattendus!",
+  "fullscreen": {
+    "exit": "Quitter le mode plein écran",
+    "show": "Voir en plein écran"
+  },
+  "goToCollection": {
+    "description": "Accéder à la collection associée",
+    "descriptionWithTitle": "@:goToCollection.description: {title}",
+    "label": "Collection"
+  },
+  "goToParent": {
+    "description": "Accéder au parent",
+    "descriptionWithTitle": "@:goToParent.description: {title}",
+    "label": "En haut"
+  },
+  "in": "dans {catalog}",
+  "index": {
+    "api": "API",
+    "catalog": "Catalogue",
+    "load": "Charger",
+    "selectStacIndex": "... ou en sélectionner un dans STAC Index:",
+    "specifyCatalog": "Veuillez spécifier un catalogue STAC ou un API...",
+    "urlInvalid": "Le lien URL n'est pas valide.",
+    "urlMissingHost": "Le lien URL ne contient aucun hôte.",
+    "urlMissingProtocol": "Le lien URL ne contient pas de protocole."
+  },
+  "items": {
+    "filter": "Filtre",
+    "noTime": "Aucun temps sélectionné",
+    "noneAvailableForCollection": "Aucun item disponible pour cette collection."
+  },
+  "leaflet": {
+    "close": "Fermer",
+    "noFeatureProperties": "Aucune donnée supplémentaire n'est disponible pour cette fonctionnalité.",
+    "stayLayer": {
+      "error": "Désolé, l'ajout des données à la carte a échoué."
+    },
+    "zoom": {
+      "in": {
+        "description": "Zoom avant",
+        "label": "+"
+      },
+      "out": {
+        "description": "Zoom arrière",
+        "label": "-"
+      }
+    }
+  },
+  "loading": "Chargement...",
+  "map": "Carte",
+  "metadata": {
+    "general": "Général",
+    "title": "Métadonnées"
+  },
+  "multiselect": {
+    "placeholder": "Sélectionner une option",
+    "selectLabel": "Appuyer sur Entrée pour sélectionner",
+    "selectedLabel": "Sélectionné(e)",
+    "deselectLabel": "Appuyer sur Entrée pour désélectionner",
+    "andMore": "et {count} de plus"
+  },
+  "open": "Ouvrir",
+  "pagination": {
+    "first": "« Premier",
+    "last": "Dernier »",
+    "next": "Suivant ›",
+    "previous": "‹ Précédent"
+  },
+  "poweredBy": "Propulsé par {link}",
+  "protocol": {
+    "azure": "Microsoft Azure",
+    "file": "Système de fichiers (local)",
+    "ftp": "FTP",
+    "gcs": "Google Cloud",
+    "oss": "Alibaba Cloud",
+    "s3": "Amazon S3"
+  },
+  "providers": {
+    "email": "Envoyer un courriel",
+    "homepage": "Aller à la page d'accueil",
+    "role": {
+      "host": "Hébergeur",
+      "licensor": "Concédant de licence",
+      "processor": "Transformateur",
+      "producer": "Producteur"
+    },
+    "title": "Fournisseur | Fournisseurs"
+  },
+  "read": {
+    "less": "Lire moins",
+    "more": "Lire plus"
+  },
+  "search": {
+    "addCollections": "Appuyer sur Entrée pour ajouter une Collection",
+    "addFilter": "Ajouter un filtre",
+    "addItemIds": "Appuyer sur Entrée pour ajouter un ID Élément",
+    "additionalFilters": "Filtres supplémentaires",
+    "buttons": {
+      "filter": "Filtrer",
+      "reset": "Réinitialiser"
+    },
+    "dateDescription": "Toutes les heures sont en temps universel coordonné (UTC).",
+    "equalTo": "égal à",
+    "filterBySpatialExtent": "Filtrer par étendue spatiale",
+    "greaterThan": "supérieur à",
+    "itemIds": "Identifiants des éléments",
+    "itemsPerPage": "Éléments par page",
+    "itemsPerPageDescription": "Nombre d'éléments demandés par page, max. {maxItems} éléments",
+    "lessThan": "inférieur à",
+    "likeOperatorDescription": "Vous pouvez utiliser des caractères génériques. `_` correspond à un seul caractère, `%` correspond à un nombre quelconque de caractères. Pour rechercher spécifiquement un caractère générique, vous devez ajouter un `\\` devant le caractère.",
+    "matches": "correspond à",
+    "modifyCriteria": "Veuillez modifier les critères de recherche.",
+    "noItemsFound": "Aucun élément trouvé pour les filtres sélectionnés.",
+    "notEqualTo": "différent de",
+    "notFullySupported": "Toutes les options ne sont pas forcément prises en charge",
+    "notSupported": "La recherche d'éléments n'est pas pris en charge par l'API.",
+    "placeholder": "Rechercher...",
+    "selectCollections": "Sélectionnez une ou plusieurs collections...",
+    "selectItemIds": "Sélectionnez un ou plusieurs identifiants d'éléments...",
+    "sortOptions": {
+      "datetime": "Date et heure",
+      "id": "Identifiant",
+      "title": "Titre"
+    },
+    "spatialExtent": "Étendue spatiale",
+    "temporalExtent": "Étendue temporelle",
+    "title": "Rechercher"
+  },
+  "showMore": "Montrer plus...",
+  "sidebar": {
+    "switchCatalog": "Changer de catalogue"
+  },
+  "sort": {
+    "asc": {
+      "label": "Ordre croissant",
+      "title": "Trier par ordre croissant (A-Z)"
+    },
+    "desc": {
+      "label": "Ordre décroissant",
+      "title": "Trier par ordre décroissant (Z-A)"
+    },
+    "title": "Trier"
+  },
+  "source": {
+    "detailsAboutSource": "À propos de la source STAC",
+    "label": "Source",
+    "language": {
+      "label": "Langue: {currentLanguage}",
+      "onlyData": "Seules les données sont disponibles dans cette langue!",
+      "onlyUI": "Seule l'interface utilisateur est disponible dans cette langue!",
+      "switch": "Changer de langue"
+    },
+    "locatedAt": "Le fichier de métadonnées STAC se trouve à l'adresse suivante :",
+    "share": {
+      "email": "Courriel",
+      "label": "Partager",
+      "message": "{title} est disponible à l'adresse {url}",
+      "sharePageWithOthers": "Partagez l'URL de cette page:",
+      "title": "Partager",
+      "twitter": "Twitter",
+      "withOthers": "Partagez cette page"
+    },
+    "stacVersion": "Version STAC:",
+    "title": "Données source",
+    "valid": "Valide:",
+    "validating": "Validation...",
+    "validationNA": "s.o."
+  },
+  "stacAssets": "Ressource | Ressources",
+  "stacCatalog": "Catalogue | Catalogues",
+  "stacCollection": "Collection | Collections",
+  "stacItem": "Élément | Éléments",
+  "submit": "Soumettre",
+  "table": {
+    "emptyFilteredText": "Il n'y a aucun enregistrement correspondant à votre requête",
+    "emptyText": "Il n'y a aucun enregistrement à afficher",
+    "sort": {
+      "asc": "Cliquez pour trier par ordre croissant",
+      "clear": "Cliquez pour effacer le tri",
+      "desc": "Cliquer pour trier par ordre décroissant"
+    }
+  },
+  "thumbnails": "Aperçus",
+  "tree": {
+    "moreCollectionPagesAvailable": "plus de pages disponibles pour la Collection",
+    "noChildren": "Aucun enfant n'est disponible."
+  },
+  "view": {
+    "list": {
+      "label": "Liste",
+      "title": "Afficher sous forme de liste"
+    },
+    "tiles": {
+      "label": "Tuiles",
+      "title": "Afficher sous forme de tuiles"
+    },
+    "title": "Options d'affichage"
+  }
+}
diff --git a/src/main.js b/src/main.js
index ac6a7d935..1dcd4000e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,10 @@
 import Vue from "vue";
 import StacBrowser from "./StacBrowser.vue";
+import i18n from './i18n';
 
 Vue.config.productionTip = false;
 
 new Vue({
-  render: (h) => h(StacBrowser),
+  i18n,
+  render: (h) => h(StacBrowser)
 }).$mount("#stac-browser");
diff --git a/src/models/stac.js b/src/models/stac.js
index 91e9f6d72..4e82aaaa5 100644
--- a/src/models/stac.js
+++ b/src/models/stac.js
@@ -1,5 +1,6 @@
 import Utils from "../utils";
 import Migrate from '@radiantearth/stac-migrate';
+import { getBest } from 'locale-id';
 
 let stacObjCounter = 0;
 
@@ -146,13 +147,29 @@ class STAC {
     return this._url;
   }
 
+  getLocaleLink(locale, fallbackLocale = null) {
+    let links = this.getStacLinksWithRel('alternate')
+      .filter(link => Utils.hasText(link.hreflang));
+    
+    let available;
+    if (Array.isArray(this.languages)) {
+      available = this.languages.map(l => l.code);
+    }
+    else {
+      available = links.map(link => link.hreflang);
+    }
+    
+    let best = getBest(available, locale, fallbackLocale);
+    return links.find(link => link.hreflang === best) || null;
+  }
+
   getStacLinksWithRel(rel, allowEmpty = true) {
     return Utils.getLinksWithRels(this.links, [rel])
       .filter(link => Utils.isStacMediaType(link.type, allowEmpty));
   }
 
   getStacLinkWithRel(rel, allowEmpty = true) {
-    let links = this.getStacLinksWithRel(rel, allowEmpty);
+    const links = this.getStacLinksWithRel(rel, allowEmpty);
     if (links.length > 0) {
       return links[0];
     }
diff --git a/src/rels.js b/src/rels.js
index d7b5d3dc6..7c657c2d7 100644
--- a/src/rels.js
+++ b/src/rels.js
@@ -33,7 +33,8 @@ export const stacBrowserNavigatesTo = [
   'latest-version', // version extension v
   'predecessor-version',
   'successor-version',
-  'source', // label extension
+  'source', // label extension,
+  'alternate' // language extension
 ].concat(stacHierarchy).concat(stacPagination);
 
 // Rels that are handled in a special way and should not be shown in the link list
diff --git a/src/store/index.js b/src/store/index.js
index 71830743b..222c477dd 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,16 +1,20 @@
 import Vue from "vue";
 import Vuex from "vuex";
+
 import axios from "axios";
-import Utils, { schemaMediaType } from '../utils';
-import STAC from '../models/stac';
 import bs58 from 'bs58';
-import { ogcQueryables, stacBrowserSpecialHandling, stacPagination } from "../rels";
-import { addQueryIfNotExists, isAuthenticationError, Loading, processSTAC, stacRequest } from './utils';
-import { BrowserError } from '../utils';
 import URI from "urijs";
+
+import i18n from '../i18n';
+import { ogcQueryables, stacBrowserSpecialHandling, stacPagination } from "../rels";
+import Utils, { schemaMediaType, BrowserError } from '../utils';
+import STAC from '../models/stac';
 import Queryable from '../models/queryable';
 
-function getStore(config) {
+import { addQueryIfNotExists, isAuthenticationError, Loading, processSTAC, stacRequest } from './utils';
+import { getBest } from "locale-id";
+
+function getStore(config, router) {
   // Local settings (e.g. for currently loaded STAC entity)
   const localDefaults = () => ({
     url: '',
@@ -22,6 +26,7 @@ function getStore(config) {
 
     localRequestQueryParameters: {},
     stateQueryParameters: {
+      language: null,
       asset: [],
       itemdef: []
     },
@@ -40,6 +45,8 @@ function getStore(config) {
     authData: null,
     doAuth: [],
     conformsTo: [],
+    dataLanguage: null,
+    dataLanguages: [],
 
     apiCollections: [],
     apiItemsLoading: {},
@@ -52,7 +59,8 @@ function getStore(config) {
       // Global settings
       database: {}, // STAC object, Error object or Loading object or Promise (when loading)
       allowSelectCatalog: !config.catalogUrl,
-      globalRequestQueryParameters: config.requestQueryParameters
+      globalRequestQueryParameters: config.requestQueryParameters,
+      uiLanguage: config.locale
     }),
     getters: {
       loading: state => !state.url || !state.data || state.database[state.url] instanceof Loading,
@@ -174,7 +182,7 @@ function getStore(config) {
           .map(c => c.replaceAll('*', '[^/]+').replace(/\/?#/, '/?#'))
           .join('|');
         let regexp = new RegExp('^(' + classRegexp + ')$');
-        return !!state.conformsTo.find(uri => uri.match(regexp));
+        return Boolean(state.conformsTo.find(uri => uri.match(regexp)));
       },
       supportsExtension: state => schemaUri => {
         let extensions = [];
@@ -341,6 +349,36 @@ function getStore(config) {
         }
         // If we are proxying a STAC Catalog, replace any URI with the proxied address.
         return absoluteUrl.toString();
+      },
+
+      acceptedLanguages: state => {
+        const languages = {};
+        // Implement in ascending order:
+        languages['en'] = 0.1;
+        if (Array.isArray(state.supportedLocales)) {
+          state.supportedLocales.forEach(locale => languages[locale] = 0.2);
+        }
+        if (Utils.hasText(state.fallbackLocale)) {
+          languages[state.fallbackLocale] = 0.5;
+        }
+        if (Array.isArray(navigator.languages)) {
+          navigator.languages.forEach(locale => languages[locale] = 0.7);
+        }
+        if (Utils.hasText(state.locale)) {
+          languages[state.locale] = 1;
+        }
+        return Object.entries(languages)
+          .sort((a,b) => {
+            if (a[1] > b[1]) {
+              return -1;
+            }
+            else if (a[1] < b[1]) {
+              return 1;
+            }
+            return 0;
+          })
+          .map(([l, q]) => q >= 1 ? l : `${l};q=${q}`)
+          .join(',');
       }
     },
     mutations: {
@@ -373,20 +411,9 @@ function getStore(config) {
           }
         }
       },
-      queryParameters(state, params) {
-        for (let key in params) {
-          if (key === 'state') {
-            for (let [key, value] of Object.entries(params.state)) {
-              if (Array.isArray(state.stateQueryParameters[key]) && !Array.isArray(value)) {
-                value = value.split(',');
-              }
-              Vue.set(state.stateQueryParameters, key, value);
-            }
-          }
-          else {
-            state[`${key}QueryParameters`] = params[key];
-          }
-        }
+      languages(state, {uiLanguage, dataLanguage}) {
+        state.dataLanguage = dataLanguage;
+        state.uiLanguage = uiLanguage;
       },
       setQueryParameter(state, { type, key, value }) {
         type = `${type}QueryParameters`;
@@ -423,6 +450,9 @@ function getStore(config) {
           state.stateQueryParameters[type].push(uid);
         }
       },
+      state(state, newState) {
+        state.stateQueryParameters = newState;
+      },
       closeCollapsible(state, { type, uid }) {
         const idx = state.stateQueryParameters[type].indexOf(uid);
         if (idx > -1) {
@@ -449,6 +479,9 @@ function getStore(config) {
       resetCatalog(state, clearAll) {
         Object.assign(state, catalogDefaults());
         Object.assign(state, localDefaults());
+        if (!state.supportedLocales.includes(state.locale)) {
+          state.locale = config.locale;
+        }
         if (clearAll) {
           state.catalogUrl = config.catalogUrl;
           state.catalogTitle = config.catalogTitle;
@@ -465,12 +498,23 @@ function getStore(config) {
         state.url = url || null;
         state.data = stac instanceof STAC ? stac : null;
         state.valid = null;
+
+        // Set title
         if (title) {
           state.title = title;
         }
         else {
           state.title = STAC.getDisplayTitle(stac, state.catalogTitle);
         }
+
+        if (state.data instanceof STAC) {
+          let source = state.data.isItem() ? state.data.properties : state.data;
+          let languages = Array.isArray(source.languages) ? source.languages.slice() : [];
+          if (Utils.isObject(source.language)) {
+            languages.unshift(source.language);
+          }
+          state.dataLanguages = languages.filter(lang => Utils.isObject(lang) && typeof lang.code === 'string');
+        }
       },
       errored(state, { url, error }) {
         if (!(error instanceof Error)) {
@@ -584,6 +628,19 @@ function getStore(config) {
       }
     },
     actions: {
+      async switchLocale(cx, locale) {
+        cx.commit('config', {locale});
+
+        // Locale for UI
+        let uiLanguage = getBest(cx.state.supportedLocales, locale, cx.state.fallbackLocale);
+        // Locale for data
+        let dataLanguageCodes = cx.state.dataLanguages.map(l => l.code);
+        let dataLanguageFallback = cx.state.dataLanguages.length > 0 ? cx.state.dataLanguages[0].code : uiLanguage;
+        let dataLanguage = getBest(dataLanguageCodes, locale, dataLanguageFallback);
+
+        cx.commit('languages', {dataLanguage, uiLanguage});
+        cx.commit('setQueryParameter', { type: 'state', key: 'language', value: locale });
+      },
       async setAuth(cx, value) {
         if (!Utils.hasText(value)) {
           value = null;
@@ -678,9 +735,18 @@ function getStore(config) {
           try {
             let response = await stacRequest(cx, url);
             if (!Utils.isObject(response.data)) {
-              throw new BrowserError('The response is not a valid STAC JSON');
+              throw new BrowserError(i18n.t('errors.invalidJsonObject'));
             }
             data = new STAC(response.data, url, path);
+            if (show) {
+              // If we prefer another language abort redirect to the new language
+              let localeLink = data.getLocaleLink(cx.state.dataLanguage);
+              if (localeLink) {
+                router.replace(cx.getters.toBrowserPath(localeLink.href));
+                return;
+              }
+            }
+
             cx.commit('loaded', { url, data });
 
             if (!cx.getters.root) {
@@ -725,7 +791,7 @@ function getStore(config) {
               }
               else {
                 cx.commit('showGlobalError', {
-                  message: 'Sorry, the API Collections could not be loaded.',
+                  message: i18n.t('errors.loadApiCollectionsFailed'),
                   error
                 });
               }
@@ -742,7 +808,7 @@ function getStore(config) {
               }
               else {
                 cx.commit('showGlobalError', {
-                  message: 'Sorry, the API Items could not be loaded.',
+                  message: i18n.t('errors.loadApiItemsFailed'),
                   error
                 });
               }
@@ -776,7 +842,7 @@ function getStore(config) {
 
           let response = await stacRequest(cx, link);
           if (!Utils.isObject(response.data) || !Array.isArray(response.data.features)) {
-            throw new BrowserError('The API response is not a valid list of STAC Items');
+            throw new BrowserError(i18n.t('errors.invalidStacItems'));
           }
           else {
             response.data.features = response.data.features.map(item => {
@@ -845,7 +911,7 @@ function getStore(config) {
         }
         let response = await stacRequest(cx, link);
         if (!Utils.isObject(response.data) || !Array.isArray(response.data.collections)) {
-          throw new BrowserError('The API response is not a valid list of STAC Collections');
+          throw new BrowserError(i18n.t('errors.invalidStacCollections'));
         }
         else {
           response.data.collections = response.data.collections.map(collection => {
@@ -899,7 +965,7 @@ function getStore(config) {
       async retryAfterAuth(cx) {
         let errorFn = error => cx.commit('showGlobalError', {
           error,
-          message: 'The requests errored, the provided authentication details may be incorrect.'
+          message: i18n.t('errors.authFailed')
         });
 
         for (let callback of cx.state.doAuth) {
diff --git a/src/store/utils.js b/src/store/utils.js
index 1b34ca6c7..1adf463e3 100644
--- a/src/store/utils.js
+++ b/src/store/utils.js
@@ -12,12 +12,19 @@ export class Loading {
 
 export async function stacRequest(cx, link) {
   let opts;
+  let headers = {
+    'Accept-Language': cx.getters.acceptedLanguages
+  };
+  Object.assign(headers, cx.state.requestHeaders);
   if (Utils.isObject(link)) {
     let method = typeof link.method === 'string' ? link.method.toLowerCase() : 'get';
+    if (Utils.isObject(link.headers)) {
+      Object.assign(headers, link.headers);
+    }
     opts = {
       method,
       url: cx.getters.getRequestUrl(link.href),
-      headers: Object.assign({}, cx.state.requestHeaders, link.headers),
+      headers,
       data: link.body
       // ToDo: Support for merge property from STAC API
     };
@@ -26,7 +33,7 @@ export async function stacRequest(cx, link) {
     opts = {
       method: 'get',
       url: cx.getters.getRequestUrl(link),
-      headers: cx.state.requestHeaders
+      headers
     };
   }
   else {
diff --git a/src/utils.js b/src/utils.js
index 7885ef2ee..b16ce6a43 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -287,7 +287,7 @@ export default class Utils {
         return `DOI ${path}`;
       }
       else {
-        return `${file} at ${auth}`;
+        return `${file} (${auth})`;
       }
     }
     else if (file && !commonFileNames.includes(file)) {
diff --git a/src/views/Browse.vue b/src/views/Browse.vue
index 68c797f4a..10f3fd7cf 100644
--- a/src/views/Browse.vue
+++ b/src/views/Browse.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="browse d-flex flex-column">
     <b-alert v-if="!allowExternalAccess && isExternal" show>
-      <p>Accessing external catalogs is not allowed!</p>
+      <p>{{ $t('errors.noExternalAccess') }}</p>
     </b-alert>
     <ErrorAlert v-if="error" :dismissible="false" :url="url" :description="errorDescription" :id="errorId" />
     <Loading v-else-if="loading" stretch />
@@ -44,9 +44,7 @@ export default {
       }
       return null;
     },
-    errorDescription() {
-      let contact = " Please contact the service operator to resolve this issue.";
-      
+    errorDescription() {      
       if (this.error instanceof Error && this.error.isAxiosError && Utils.isObject(this.error.response)) {
         let res = this.error.response;
         if (Utils.isObject(res.data)) {
@@ -58,26 +56,26 @@ export default {
           }
         }
         if (res.status === 401) {
-          return "The request lacks credentials, e.g. an API token. Please provide your credentials and try again.";
+          return this.$t('errors.unauthorized');
         }
         else if (res.status === 403) {
-          return "The credentials specified for this request are invalid, e.g. an expired or invalid API token. Please provide other credentials and try again.";
+          return this.$t('errors.forbidden');
         }
         else if (res.status === 404) {
-          return "The requested resource does not exist." + contact;
+          return this.$t('errors.notFound');
         }
         else if (res.status > 500) {
-          return "The server encountered an issue." + contact;
+          return this.$t('errors.serverError');
         }
         else if (res.status > 400) {
-          return "The request is invalid. This might be due to invalid parameters, e.g. in a search request, or could be a bug in STAC Browser.";
+          return this.$t('errors.badRequest');
         }
       }
       else if (this.error instanceof BrowserError) {
         return this.error.message;
       }
 
-      return "This issue may occur when servers don't allow external access via web browsers (e.g., when CORS headers are not present)." + contact;
+      return this.$t('errors.networkError');
     },
     component() {
       if (this.isItem) {
diff --git a/src/views/Catalog.vue b/src/views/Catalog.vue
index 1ad8a388a..f7dae3789 100644
--- a/src/views/Catalog.vue
+++ b/src/views/Catalog.vue
@@ -3,20 +3,20 @@
     <b-row>
       <b-col class="meta">
         <section class="intro">
-          <h2>Description</h2>
+          <h2>{{ $t('description') }}</h2>
           <DeprecationNotice v-if="data.deprecated" :data="data" />
           <AnonymizedNotice v-if="data['anon:warning']" :warning="data['anon:warning']" />
-          <ReadMore v-if="data.description" :lines="10">
+          <ReadMore v-if="data.description" :lines="10" :text="$t('read.more')" :text-less="$t('read.less')">
             <Description :description="data.description" />
           </ReadMore>
           <Keywords v-if="Array.isArray(data.keywords) && data.keywords.length > 0" :keywords="data.keywords" />
           <section v-if="isCollection" class="metadata mb-4">
             <b-row v-if="licenses">
-              <b-col md="4" class="label">License</b-col>
+              <b-col md="4" class="label">{{ $t('catalog.license') }}</b-col>
               <b-col md="8" class="value" v-html="licenses" />
             </b-row>
             <b-row v-if="temporalExtents">
-              <b-col md="4" class="label">Temporal Extents</b-col>
+              <b-col md="4" class="label">{{ $t('catalog.temporalExtent') }}</b-col>
               <b-col md="8" class="value" v-html="temporalExtents" />
             </b-row>
           </section>
@@ -24,10 +24,10 @@
         <section v-if="isCollection || thumbnails.length > 0" class="mb-4">
           <b-card no-body class="maps-preview">
             <b-tabs v-model="tab" ref="tabs" pills card vertical end>
-              <b-tab v-if="isCollection" title="Map" no-body>
+              <b-tab v-if="isCollection" :title="$t('map')" no-body>
                 <Map :stac="data" :stacLayerData="catalogAsFc" @mapClicked="mapClicked" @dataChanged="dataChanged" popover />
               </b-tab>
-              <b-tab v-if="thumbnails.length > 0" title="Preview" no-body>
+              <b-tab v-if="thumbnails.length > 0" :title="$t('thumbnails')" no-body>
                 <Thumbnails :thumbnails="thumbnails" />
               </b-tab>
             </b-tabs>
@@ -36,8 +36,8 @@
         <Assets v-if="hasAssets" :assets="assets" :context="data" :shown="shownAssets" @showAsset="showAsset" />
         <Assets v-if="hasItemAssets && !hasItems" :assets="data.item_assets" :definition="true" />
         <Providers v-if="hasProviders" :providers="data.providers" />
-        <Metadata title="Metadata" class="mb-4" :type="data.type" :data="data" :ignoreFields="ignoredMetadataFields" />
-        <Links v-if="additionalLinks.length > 0" title="Additional resources" :links="additionalLinks" />
+        <Metadata :title="$t('metadata.title')" class="mb-4" :type="data.type" :data="data" :ignoreFields="ignoredMetadataFields" />
+        <Links v-if="additionalLinks.length > 0" :title="$t('additionalResources')" :links="additionalLinks" />
       </b-col>
       <b-col class="catalogs-container" v-if="hasCatalogs">
         <Catalogs :catalogs="catalogs" :hasMore="hasMoreCollections" @loadMore="loadMoreCollections" />
@@ -63,12 +63,11 @@ import Links from '../components/Links.vue';
 import Metadata from '../components/Metadata.vue';
 import ReadMore from "vue-read-more-smooth";
 import ShowAssetMixin from '../components/ShowAssetMixin';
+import StacFieldsMixin from '../components/StacFieldsMixin';
 import { formatLicense, formatTemporalExtents } from '@radiantearth/stac-fields/formatters';
 import { BTabs, BTab } from 'bootstrap-vue';
 import Utils from '../utils';
 
-const SORRY_ITEM_LIST = "Sorry, can't load the list of items.";
-
 export default {
   name: "Catalog",
   components: {
@@ -88,7 +87,10 @@ export default {
     ReadMore,
     Thumbnails: () => import('../components/Thumbnails.vue')
   },
-  mixins: [ShowAssetMixin],
+  mixins: [
+    ShowAssetMixin,
+    StacFieldsMixin({ formatLicense, formatTemporalExtents })
+  ],
   data() {
     return {
       filters: {},
@@ -123,14 +125,14 @@ export default {
     };
   },
   computed: {
-    ...mapState(['data', 'url', 'apiItems', 'apiItemsLink', 'apiItemsPagination']),
+    ...mapState(['data', 'url', 'apiItems', 'apiItemsLink', 'apiItemsPagination', 'uiLanguage']),
     ...mapGetters(['additionalLinks', 'catalogs', 'isCollection', 'items', 'hasMoreCollections', 'getApiItemsLoading']),
     apiItemsLoading() {
       return this.getApiItemsLoading(this.data);
     },
     licenses() {
       if (this.isCollection && this.data.license) {
-        return formatLicense(this.data.license, null, null, this.data);
+        return this.formatLicense(this.data.license, null, null, this.data);
       }
       return null;
     },
@@ -144,7 +146,7 @@ export default {
             // Remove union temporal extent in favor of more concrete extents
             extents = extents.slice(1);
         }
-        return formatTemporalExtents(extents);
+        return this.formatTemporalExtents(extents);
       }
       return null;
     },
@@ -183,7 +185,7 @@ export default {
       try {
         await this.$store.dispatch('loadApiItems', {link, show: true, filters: this.filters});
       } catch (error) {
-        this.$root.$emit('error', error, SORRY_ITEM_LIST);
+        this.$root.$emit('error', error, this.$t('errors.loadItems'));
       }
     },
     async filterItems(filters, reset) {
@@ -194,7 +196,8 @@ export default {
       try {
         await this.$store.dispatch('loadApiItems', {link: this.apiItemsLink, show: true, filters});
       } catch (error) {
-        this.$root.$emit('error', error, reset ? SORRY_ITEM_LIST : "Sorry, can't load the filtered list of items.");
+        let msg = reset ? this.$t('errors.loadItems') : this.$t('errors.loadFilteredItems');
+        this.$root.$emit('error', error, msg);
       }
     },
     mapClicked(/*stac*/) {
diff --git a/src/views/Item.vue b/src/views/Item.vue
index 6f1263a53..47550d4a4 100644
--- a/src/views/Item.vue
+++ b/src/views/Item.vue
@@ -5,30 +5,30 @@
         <section class="mb-4">
           <b-card no-body class="maps-preview">
             <b-tabs v-model="tab" ref="tabs" card pills vertical end>
-              <b-tab title="Map" no-body>
+              <b-tab :title="$t('map')" no-body>
                 <Map :stac="data" :stacLayerData="selectedAsset" @mapClicked="mapClicked" @dataChanged="dataChanged" scrollWheelZoom />
               </b-tab>
-              <b-tab v-if="thumbnails.length > 0" title="Thumbnails" no-body>
+              <b-tab v-if="thumbnails.length > 0" :title="$t('thumbnails')" no-body>
                 <Thumbnails :thumbnails="thumbnails" />
               </b-tab>
             </b-tabs>
           </b-card>
         </section>
         <Assets v-if="hasAssets" :assets="assets" :context="data" :shown="shownAssets" @showAsset="showAsset" />
-        <Links v-if="additionalLinks.length > 0" title="Additional resources" :links="additionalLinks" />
+        <Links v-if="additionalLinks.length > 0" :title="$t('additionalResources')" :links="additionalLinks" />
       </b-col>
       <b-col class="right">
         <section class="intro">
-          <h2 v-if="data.properties.description">Description</h2>
+          <h2 v-if="data.properties.description">{{ $t('description') }}</h2>
           <DeprecationNotice v-if="data.properties.deprecated" :data="data" />
           <AnonymizedNotice v-if="data.properties['anon:warning']" :warning="data.properties['anon:warning']" />
-          <ReadMore v-if="data.properties.description" :lines="10">
+          <ReadMore v-if="data.properties.description" :lines="10" :text="$t('read.more')" :text-less="$t('read.less')">
             <Description :description="data.properties.description" />
           </ReadMore>
           <Keywords v-if="Array.isArray(data.properties.keywords) && data.properties.keywords.length > 0" :keywords="data.properties.keywords" />
         </section>
         <section class="item-collection card-list mb-4" v-if="collection">
-          <h2>Collection</h2>
+          <h2>{{ $tc('stacCollection') }}</h2>
           <Catalog :catalog="collection" :showThumbnail="false" />
         </section>
         <Providers v-if="data.properties.providers" :providers="data.properties.providers" />
diff --git a/src/views/Search.vue b/src/views/Search.vue
index 976445a8d..7135ce24d 100644
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="search d-flex flex-column">
     <Loading v-if="!parent" stretch />
-    <b-alert v-else-if="!searchLink" variant="danger" show>Item Search is not supported by the API.</b-alert>
+    <b-alert v-else-if="!searchLink" variant="danger" show>{{ $t('search.notSupported') }}</b-alert>
     <b-row v-else>
       <b-col class="left">
         <ItemFilter
@@ -11,8 +11,8 @@
       </b-col>
       <b-col class="right">
         <Loading v-if="loading" fill top />
-        <b-alert v-else-if="!hasItems && !hasFilters" variant="info" show>Please modify the search criteria.</b-alert>
-        <b-alert v-else-if="!hasItems" variant="warning" show>No items found for the given filters.</b-alert>
+        <b-alert v-else-if="!hasItems && !hasFilters" variant="info" show>{{ $t('search.modifyCriteria') }}</b-alert>
+        <b-alert v-else-if="!hasItems" variant="warning" show>{{ $t('search.noItemsFound') }}</b-alert>
         <template v-if="hasItems">
           <div id="search-map">
             <Map :stac="parent" :stacLayerData="itemCollection" scrollWheelZoom popover />
@@ -36,7 +36,6 @@ import ItemFilter from '../components/ItemFilter.vue';
 import Loading from '../components/Loading.vue';
 import STAC from '../models/stac';
 
-const pageTitle = 'Search';
 const searchId = '__search__';
 
 export default {
@@ -66,6 +65,9 @@ export default {
   computed: {
     ...mapState(['apiItems', 'apiItemsLink', 'apiItemsPagination', 'catalogUrl']),
     ...mapGetters(['getStac', 'root', 'fromBrowserPath', 'getApiItemsLoading']),
+    pageTitle() {
+      return this.$t('search.title');
+    },
     loading() {
       return this.getApiItemsLoading(searchId);
     },
@@ -133,7 +135,7 @@ export default {
       }
     },
     showPage() {
-      this.$store.commit('showPage', {title: pageTitle});
+      this.$store.commit('showPage', {title: this.pageTitle});
       this.$store.commit('setApiItemsLink', this.searchLink);
     },
     async paginateItems(link) {
@@ -142,7 +144,7 @@ export default {
         let response = await this.$store.dispatch('loadApiItems', {link, show: true, filters: this.filters});
         this.handleResponse(response);
       } catch (error) {
-        this.$root.$emit('error', error, 'Sorry, loading the list of STAC Items failed.');
+        this.$root.$emit('error', error, this.$t('errors.loadItems'));
       } finally {
         this.toggleApiItemsLoading(searchId);
       }
@@ -153,14 +155,14 @@ export default {
         let response = await this.$store.dispatch('loadApiItems', {link: this.searchLink, show: true, filters});
         this.handleResponse(response);
       } catch(error) {
-        this.$root.$emit('error', error, 'Sorry, loading a filtered list of STAC Items failed.');
+        this.$root.$emit('error', error, this.$t('errors.loadFilteredItems'));
       } finally {
         this.toggleApiItemsLoading(searchId);
       }
     },
     handleResponse(response) {
       if (response) {
-        this.$store.commit('showPage', {title: pageTitle, url: response.config.url});
+        this.$store.commit('showPage', {title: this.pageTitle, url: response.config.url});
       }
     }
   }
diff --git a/src/views/SelectDataSource.vue b/src/views/SelectDataSource.vue
index 6055d81ef..6bc80d535 100644
--- a/src/views/SelectDataSource.vue
+++ b/src/views/SelectDataSource.vue
@@ -3,15 +3,15 @@
     <b-col>
       <b-form @submit="go">
         <b-form-group
-          id="select" label="Please specify a STAC Catalog or API..." label-for="url"
+          id="select" :label="$t('index.specifyCatalog')" label-for="url"
           :invalid-feedback="error" :state="valid"
         >
           <b-form-input id="url" type="url" :value="url" @input="setUrl" placeholder="https://..." />
         </b-form-group>
-        <b-button type="submit" variant="primary">Load</b-button>
+        <b-button type="submit" variant="primary">{{ $t('index.load') }}</b-button>
       </b-form>
       <hr>
-      <b-form-group v-if="stacIndex.length > 0" id="stacIndex" label="... or select one from STAC Index">
+      <b-form-group v-if="stacIndex.length > 0" id="stacIndex" :label="$t('index.selectStacIndex')">
         <b-list-group class="stacIndex">
           <template v-for="catalog in stacIndex">
             <b-list-group-item
@@ -21,11 +21,13 @@
               <div class="d-flex w-100 justify-content-between">
                 <strong class="mb-1">{{ catalog.title }}</strong>
                 <small>
-                  <b-badge v-if="catalog.isApi" variant="dark" pill>API</b-badge>
-                  <b-badge v-else variant="light" pill>Catalog</b-badge>
+                  <b-badge v-if="catalog.isApi" variant="dark" pill>{{ $t('index.api') }}</b-badge>
+                  <b-badge v-else variant="light" pill>{{ $t('index.catalog') }}</b-badge>
                 </small>
               </div>
-              <p class="mb-1"><Description :description="catalog.summary" :compact="true" /></p>
+              <div class="mb-1">
+                <Description :description="catalog.summary" compact />
+              </div>
             </b-list-group-item>
           </template>
         </b-list-group>
@@ -69,14 +71,14 @@ export default {
       try {
         let url = new URL(this.url);
         if (!url.protocol) {
-          return 'The URL is missing a protocol.';
+          return this.$t('index.urlMissingProtocol');
         }
         else if (!url.host) {
-          return 'The URL is missing a host.';
+          return this.$t('index.urlMissingHost');
         }
         return null;
       } catch (error) {
-        return 'The URL is invalid.';
+        return this.$t('index.urlInvalid');
       }
     }
   },
diff --git a/vue.config.js b/vue.config.js
index 22a75fbf6..fc8ef106e 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -14,6 +14,9 @@ const argv = yargs(hideBin(process.argv))
     'itemsPerPage',
     'maxPreviewsOnMap'
   ])
+  .array([
+    'supportedLocales'
+  ])
   .argv;
 // Clean-up arguments
 delete argv._;
@@ -48,5 +51,12 @@ module.exports = {
         includeAliases: ['Buffer', 'console', 'http', 'https', 'process', 'url']
       })
     ]
+  },
+  pluginOptions: {
+    i18n: {
+      locale: mergedConfig.locale,
+      fallbackLocale: mergedConfig.fallbackLocale,
+      enableInSFC: false
+    }
   }
 };
\ No newline at end of file