diff --git a/README.md b/README.md
index e31eb8d35..6ac1dd6f6 100644
--- a/README.md
+++ b/README.md
@@ -81,8 +81,8 @@ 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 JSON file in the `src/locales` folder, e.g.
-`src/locales/en.json` for English.
+The languages given here must have a corresponding JSON file in the `src/locales` folder,
+e.g. provide `en` (English) for the file at `src/locales/en.json`.
 
 In CLI, please provide the languages separated by a space, e.g. `--supportedLocales en de fr it`
 
@@ -246,7 +246,7 @@ There are four options you can set in the `authConfig` object:
 * `type` (string): `null` (disabled), `query` (use token in query parameters), or `header` (use token in HTTP request headers).
 * `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.
+* `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.json`).
 
 Please note that this option can only be provided through a config file and is not available via CLI.
 
diff --git a/src/StacBrowser.vue b/src/StacBrowser.vue
index 6a62a3379..056daa37f 100644
--- a/src/StacBrowser.vue
+++ b/src/StacBrowser.vue
@@ -1,7 +1,7 @@
 <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 -->
diff --git a/src/components/AnonymizedNotice.vue b/src/components/AnonymizedNotice.vue
index a16ae631e..7f255cca9 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;
+    <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..fc29c549d 100644
--- a/src/components/Asset.vue
+++ b/src/components/Asset.vue
@@ -10,10 +10,10 @@
           {{ 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-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">{{ 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>
@@ -32,9 +32,9 @@
             {{ 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">
@@ -222,25 +222,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() {
@@ -271,18 +263,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..a71d0910d 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('custom.authConfig.description');
+    }
   },
   created() {
     if (this.authData) {
diff --git a/src/components/Catalog.vue b/src/components/Catalog.vue
index e3f0c278b..417d76ea3 100644
--- a/src/components/Catalog.vue
+++ b/src/components/Catalog.vue
@@ -10,7 +10,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>
diff --git a/src/components/Catalogs.vue b/src/components/Catalogs.vue
index 24a25b698..092ba8b1b 100644
--- a/src/components/Catalogs.vue
+++ b/src/components/Catalogs.vue
@@ -1,17 +1,17 @@
 <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.200="loadMore">Load more...</b-button>
+    <b-button v-if="hasMore" @click="loadMore" variant="primary" v-b-visible.200="loadMore">{{ $t('catalogs.loadMore') }}</b-button>
   </section>
 </template>
 
@@ -50,6 +50,9 @@ export default {
   },
   computed: {
     ...mapGetters(['getStac']),
+    hasMultiple() {
+      return !this.hasMore && this.catalogs.length > 1;
+    },
     catalogView() {
       if (this.hasMore) {
         return this.catalogs;
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/DeprecationNotice.vue b/src/components/DeprecationNotice.vue
index f33c7ab08..91e9485d3 100644
--- a/src/components/DeprecationNotice.vue
+++ b/src/components/DeprecationNotice.vue
@@ -15,6 +15,7 @@
 </template>
 
 <script>
+// TODO: I18N
 export default {
   name: 'DeprecationNotice',
   components: {
diff --git a/src/components/ErrorAlert.vue b/src/components/ErrorAlert.vue
index da1061d35..4b19cd8c3 100644
--- a/src/components/ErrorAlert.vue
+++ b/src/components/ErrorAlert.vue
@@ -21,6 +21,7 @@
 </template>
 
 <script>
+// TODO: I18N
 export default {
   name: 'ErrorAlert',
   props: {
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 85759013d..1ff88748e 100644
--- a/src/components/Item.vue
+++ b/src/components/Item.vue
@@ -25,6 +25,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { mapGetters, mapState } from 'vuex';
 import StacLink from './StacLink.vue';
 import STAC from '../models/stac';
diff --git a/src/components/ItemFilter.vue b/src/components/ItemFilter.vue
index 4d91acf7f..fefa57e28 100644
--- a/src/components/ItemFilter.vue
+++ b/src/components/ItemFilter.vue
@@ -79,6 +79,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { BDropdown, BDropdownItem, BForm, BFormGroup, BFormInput, BFormCheckbox, BFormSelect, BFormTags } from 'bootstrap-vue';
 
 import { mapGetters, mapState } from "vuex";
diff --git a/src/components/Items.vue b/src/components/Items.vue
index da908cd14..3c2b16071 100644
--- a/src/components/Items.vue
+++ b/src/components/Items.vue
@@ -1,8 +1,8 @@
 <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>
 
@@ -36,6 +36,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import Item from './Item.vue';
 import Loading from './Loading.vue';
 import Pagination from './Pagination.vue';
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 73616bd99..17629d85b 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -28,6 +28,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import stacLayer from 'stac-layer';
 import { CRS } from "leaflet";
 import { LMap, LControlZoom, LTileLayer, LWMSTileLayer, LGeoJson } from 'vue2-leaflet';
@@ -134,10 +135,10 @@ export default {
     },
     zoomControlTexts() {
       return {
-        zoomInText: this.$t('map.zoom.in.label'),
-        zoomInTitle: this.$t('map.zoom.in.description'),
-        zoomOutText: this.$t('map.zoom.out.label'),
-        zoomOutTitle: this.$t('map.zoom.out.description')
+        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() {
diff --git a/src/components/Metadata.vue b/src/components/Metadata.vue
index e8c6a2942..61920ff2e 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">{{ displayTitle }}</h2>
     <b-card-group columns :class="`count-${formattedData.length}`">
       <MetadataGroup v-for="group in formattedData" v-bind="group" :key="group.extension" />
     </b-card-group>
@@ -35,10 +35,13 @@ export default {
         },
         title: {
             type: String,
-            default: 'Metadata'
+            default: null
         }
     },
     computed: {
+        displayTitle() {
+            return this.title ? this.title : this.$t('metadata');
+        },
         formattedData() {
             // Filter all fields as given in ignoreFields and also 
             // ignore fields starting with an underscore which is likely originating from the STAC class
diff --git a/src/components/Pagination.vue b/src/components/Pagination.vue
index 1224ab3f6..49b6df473 100644
--- a/src/components/Pagination.vue
+++ b/src/components/Pagination.vue
@@ -8,6 +8,7 @@
 </template>
 
 <script>
+// TODO: I18N
 export default {
   name: "Pagination",
   props: {
diff --git a/src/components/Provider.vue b/src/components/Provider.vue
index aad700bf4..085650b8f 100644
--- a/src/components/Provider.vue
+++ b/src/components/Provider.vue
@@ -34,6 +34,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { BCollapse, BIconChevronRight, BIconChevronDown } from 'bootstrap-vue';
 import Description from './Description.vue';
 import Metadata from './Metadata.vue';
diff --git a/src/components/Providers.vue b/src/components/Providers.vue
index 58b1edd3c..8c3061784 100644
--- a/src/components/Providers.vue
+++ b/src/components/Providers.vue
@@ -20,6 +20,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { BListGroup, BListGroupItem } from 'bootstrap-vue';
 
 export default {
diff --git a/src/components/QueryableInput.vue b/src/components/QueryableInput.vue
index ef1b580d2..26156ec8c 100644
--- a/src/components/QueryableInput.vue
+++ b/src/components/QueryableInput.vue
@@ -58,6 +58,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import Utils from '../utils';
 import { BFormInput, BFormSelect, BIconXCircleFill } from 'bootstrap-vue';
     
diff --git a/src/components/SearchBox.vue b/src/components/SearchBox.vue
index e8daaa581..b3a9b3a72 100644
--- a/src/components/SearchBox.vue
+++ b/src/components/SearchBox.vue
@@ -6,6 +6,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { BFormInput } from 'bootstrap-vue';
 
 export default {
diff --git a/src/components/SortButtons.vue b/src/components/SortButtons.vue
index 136983948..c59f3ecae 100644
--- a/src/components/SortButtons.vue
+++ b/src/components/SortButtons.vue
@@ -10,6 +10,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { BIconSortAlphaDown, BIconSortAlphaUp } from 'bootstrap-vue';
 
 export default {
diff --git a/src/components/Source.vue b/src/components/Source.vue
index 64a3b74eb..540158b90 100644
--- a/src/components/Source.vue
+++ b/src/components/Source.vue
@@ -54,6 +54,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { 
   BIconBlank, BIconCheck, BIconEnvelope, BIconFlag, BIconLink, BIconShare, BIconTwitter,
   BDropdown, BDropdownItem, BPopover } from 'bootstrap-vue';
diff --git a/src/components/StacHeader.vue b/src/components/StacHeader.vue
index f4f704cc9..72c7e4e07 100644
--- a/src/components/StacHeader.vue
+++ b/src/components/StacHeader.vue
@@ -11,24 +11,24 @@
       <p class="lead" v-if="url || isSearchPage()">
         <span class="in mr-3" v-if="containerLink">in <StacLink :data="containerLink" /></span>
         <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="supportsSearch && !isSearchPage()" variant="outline-primary" size="sm" :to="searchBrowserLink" title="Search">
-            <b-icon-search /> <span class="button-label prio">Search</span>
+          <b-button v-if="supportsSearch && !isSearchPage()" variant="outline-primary" size="sm" :to="searchBrowserLink" :title="$t('search.title')">
+            <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>
@@ -38,6 +38,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { mapState, mapGetters } from 'vuex';
 import StacLink from './StacLink.vue';
 import { BIconArrow90degUp, BIconBook, BIconFolderSymlink, BIconSearch, BIconLock, BIconUnlock } from "bootstrap-vue";
@@ -59,6 +60,22 @@ export default {
   computed: {
     ...mapState(['allowSelectCatalog', 'authConfig', 'authData', 'catalogUrl', 'data', 'url', 'title']),
     ...mapGetters(['root', 'parentLink', 'collectionLink', 'stacVersion', 'supportsSearch', '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 e9ed437b6..dfe8fecbe 100644
--- a/src/components/Tree.vue
+++ b/src/components/Tree.vue
@@ -138,7 +138,7 @@ export default {
     },
     title() {
       if (this.pagination) {
-        return $t('moreCollectionPagesAvailable');
+        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..e8301def4 100644
--- a/src/components/ViewButtons.vue
+++ b/src/components/ViewButtons.vue
@@ -10,6 +10,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { BIconBricks, BIconListTask } from 'bootstrap-vue';
 
 export default {
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 11f2c5d91..91f088f2a 100644
--- a/src/components/metadata/MetadataTable.vue
+++ b/src/components/metadata/MetadataTable.vue
@@ -15,6 +15,7 @@
 </template>
 
 <script>
+// TODO: I18N
 import { BTable } from 'bootstrap-vue';
 import EntryMixin from './EntryMixin';
 import Utils from '../../utils';
diff --git a/src/i18n.js b/src/i18n.js
index 513ccb0af..cda37d786 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -11,6 +11,7 @@ function loadLocaleMessages () {
     languages[locale] = require(`./locales/${locale}/config.json`);
     if (CONFIG.locale == locale || CONFIG.fallbackLocale == locale) {
       messages[locale] = require(`./locales/${locale}/texts.json`);
+      messages[locale]['custom'] = require(`./locales/${locale}/custom.json`);
     }
     else {
       messages[locale] = {};
diff --git a/src/locales/de/custom.json b/src/locales/de/custom.json
new file mode 100644
index 000000000..195f9af61
--- /dev/null
+++ b/src/locales/de/custom.json
@@ -0,0 +1,5 @@
+{
+  "authConfig": {
+    "description": ""
+  }
+}
\ No newline at end of file
diff --git a/src/locales/de/texts.json b/src/locales/de/texts.json
index 75aed3ab4..35c4e90e2 100644
--- a/src/locales/de/texts.json
+++ b/src/locales/de/texts.json
@@ -1,57 +1,135 @@
 {
-  "stacCollection": "Sammlung | Sammlungen",
-  "stacCatalog": "Katalog | Kataloge",
-  "stacItem": "Element | Elemente",
-  "poweredBy": "Generiert von {link}",
-  "loading": "Lade...",
+  "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 Unterlementen | Dateien in Unterelementen",
+    "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",
+  "deprecated": "Veraltet",
+  "description": "Beschreibung",
+  "fields": {
+  },
+  "fullscreen": {
+    "show": "Zeige im Vollbild-Modus",
+    "exit": "Verlasse den Vollbild-Modus"
+  },
+  "goToCollection": {
+    "label": "Sammlung",
+    "description": "Gehe zur dazugehörigen Sammlung",
+    "descriptionWithTitle": "@:goToCollection.description: {title}"
+  },
+  "goToParent": {
+    "label": "Hoch",
+    "description": "Gehe ein Level hoch",
+    "descriptionWithTitle": "@:goToParent.description: {title}"
+  },
   "index": {
-    "specifyCatalog": "Bitte gib einen STAC Katalog oder eine STAC API an...",
-    "selectStacIndex": "... oder wähle von STAC Index:",
-    "load": "Laden",
     "api": "API",
     "catalog": "Katalog",
-    "urlMissingProtocol": "Der Adresse fehlt ein Protokoll.",
+    "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.",
-    "urlInvalid": "Die Adresse ist ungültig."
+    "urlMissingProtocol": "Der Adresse fehlt ein Protokoll."
   },
-  "fullscreen": {
-    "show": "Zeige im Vollbild-Modus",
-    "exit": "Verlasse den Vollbild-Modus"
+  "leaflet": {
+    "zoom": {
+      "in": {
+        "description": "Vergrößern",
+        "label": "+"
+      },
+      "out": {
+        "description": "Verkleinern",
+        "label": "-"
+      }
+    }
+  },
+  "loading": "Lade...",
+  "map": "Karte",
+  "metadata": {
+    "general": "Allgemeines",
+    "title": "Metadaten"
+  },
+  "open": "Öffnen",
+  "poweredBy": "Generiert von {link}",
+  "protocol": {
+    "azure": "Microsoft Azure",
+    "file": "Dateisystem (lokal)",
+    "ftp": "FTP",
+    "gcs": "Google Cloud",
+    "oss": "Alibaba Cloud",
+    "s3": "Amazon S3"
   },
   "read": {
     "less": "Zeige weniger",
     "more": "Zeige mehr"
   },
-  "tree": {
-    "showMore": "Zeige mehr...",
-    "noChildren": "Keine Unterpunkte verfügbar.",
-    "moreCollectionPagesAvailable": "Mehr Seiten für Sammlung verfügbar"
+  "search": {
+    "modifyCriteria": "Bitte die Suchkriterien ändern.",
+    "noItemsFound": "Keine Elemente gefunden für die angegebenen Filter.",
+    "notSupported": "Suchen wird von der API nicht unterstützt.",
+    "title": "Suche"
   },
   "sidebar": {
     "switchCatalog": "Wechsle den Katalog"
   },
+  "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",
-      "desc": "Klicke um absteigend zu sortieren",
-      "clear": "Klicke um die Sortierung aufzuheben"
+      "clear": "Klicke um die Sortierung aufzuheben",
+      "desc": "Klicke um absteigend zu sortieren"
     }
   },
-  "map": {
-    "zoom": {
-      "in": {
-        "label": "+",
-        "description": "Vergrößern"
-      },
-      "out": {
-        "label": "-",
-        "description": "Verkleinern"
-      }
-    }
-  },
-  "fields": {
-
+  "thumbnails": "Vorschaubilder",
+  "tree": {
+    "moreCollectionPagesAvailable": "Mehr Seiten für Sammlung verfügbar",
+    "noChildren": "Keine Unterpunkte verfügbar.",
+    "showMore": "Zeige mehr..."
   }
 }
\ 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..195f9af61
--- /dev/null
+++ b/src/locales/en/custom.json
@@ -0,0 +1,5 @@
+{
+  "authConfig": {
+    "description": ""
+  }
+}
\ No newline at end of file
diff --git a/src/locales/en/texts.json b/src/locales/en/texts.json
index 07cfe3451..9dbf45202 100644
--- a/src/locales/en/texts.json
+++ b/src/locales/en/texts.json
@@ -1,57 +1,147 @@
 {
-  "stacCollection": "Collection | Collections",
-  "stacCatalog": "Catalog | Catalogs",
-  "stacItem": "Item | Items",
-  "poweredBy": "Powered by {link}",
-  "loading": "Loading...",
+  "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",
+    "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",
+  "deprecated": "Deprecated",
+  "description": "Description",
+  "errors": {
+    "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.",
+    "forbidden": "The credentials specified for this request are invalid, e.g. an expired or invalid API token. Please provide other credentials and try again.",
+    "loadFilteredItems": "Sorry, loading a filtered list of STAC 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). @:browse.contactProvider",
+    "noExternalAccess": "Accessing external catalogs is not allowed!",
+    "notFound": "The requested resource does not exist. @:browse.contactProvider",
+    "serverError": "The server encountered an issue. @:browse.contactProvider",
+    "unauthorized": "The request lacks credentials, e.g. an API token. Please provide your credentials and try again."
+  },
+  "fields": {
+  },
+  "fullscreen": {
+    "exit": "Exit Fullscreen",
+    "show": "View Fullscreen"
+  },
+  "goToCollection": {
+    "label": "Collection",
+    "description": "Go to the associated collection",
+    "descriptionWithTitle": "@:goToCollection.description: {title}"
+  },
+  "goToParent": {
+    "label": "Up",
+    "description": "Go to parent",
+    "descriptionWithTitle": "@:goToParent.description: {title}"
+  },
   "index": {
-    "specifyCatalog": "Please specify a STAC Catalog or API...",
-    "selectStacIndex": "... or select one from STAC Index:",
-    "load": "Load",
     "api": "API",
     "catalog": "Catalog",
-    "urlMissingProtocol": "The URL is missing a protocol.",
+    "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.",
-    "urlInvalid": "The URL is invalid."
+    "urlMissingProtocol": "The URL is missing a protocol."
   },
-  "fullscreen": {
-    "show": "View Fullscreen",
-    "exit": "Exit Fullscreen"
+  "leaflet": {
+    "zoom": {
+      "in": {
+        "description": "Zoom in",
+        "label": "+"
+      },
+      "out": {
+        "description": "Zoom out",
+        "label": "-"
+      }
+    }
+  },
+  "loading": "Loading...",
+  "map": "Map",
+  "metadata": {
+    "general": "General",
+    "title": "Metadata"
+  },
+  "open": "Open",
+  "poweredBy": "Powered by {link}",
+  "protocol": {
+    "azure": "Microsoft Azure",
+    "file": "file system (local)",
+    "ftp": "FTP",
+    "gcs": "Google Cloud",
+    "oss": "Alibaba Cloud",
+    "s3": "Amazon S3"
   },
   "read": {
     "less": "Read less",
     "more": "Read more"
   },
-  "tree": {
-    "showMore": "Show more...",
-    "noChildren": "No children available.",
-    "moreCollectionPagesAvailable": "more pages available for Collection"
+  "search": {
+    "modifyCriteria": "Please modify the search criteria.",
+    "noItemsFound": "No items found for the given filters.",
+    "notSupported": "Item Search is not supported by the API.",
+    "title": "Search"
   },
   "sidebar": {
     "switchCatalog": "Switch Catalog"
   },
+  "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",
-      "desc": "Click to sort descending",
-      "clear": "Click to clear sorting"
-    }
-  },
-  "map": {
-    "zoom": {
-      "in": {
-        "label": "+",
-        "description": "Zoom in"
-      },
-      "out": {
-        "label": "-",
-        "description": "Zoom out"
-      }
+      "clear": "Click to clear sorting",
+      "desc": "Click to sort descending"
     }
   },
-  "fields": {
-    
+  "thumbnails": "Thumbnails",
+  "tree": {
+    "moreCollectionPagesAvailable": "more pages available for Collection",
+    "noChildren": "No children available.",
+    "showMore": "Show more..."
   }
-}
\ No newline at end of file
+}
diff --git a/src/store/index.js b/src/store/index.js
index 8ac9abb91..c45eac0ae 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -11,6 +11,7 @@ import URI from "urijs";
 import Queryable from '../models/queryable';
 import i18n from '../i18n';
 
+// TODO: I18N
 function getStore(config) {
   // Local settings (e.g. for currently loaded STAC entity)
   const localDefaults = () => ({
@@ -596,8 +597,9 @@ function getStore(config) {
 
         // No messages in cache, load them
         if (Utils.size(i18n.messages[locale]) <= 1) { // languages key is already set thus 1 and not 0
-          const messages = await import(`../locales/${locale}/texts.json`);
-          i18n.mergeLocaleMessage(locale, messages.default);
+          const messages = (await import(`../locales/${locale}/texts.json`)).default;
+          messages['custom'] = (await import(`../locales/${locale}/custom.json`)).default;
+          i18n.mergeLocaleMessage(locale, messages);
         }
 
         cx.commit('config', {locale});
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 6b827505b..92bf086aa 100644
--- a/src/views/Catalog.vue
+++ b/src/views/Catalog.vue
@@ -3,7 +3,7 @@
     <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" :text="$t('read.more')" :text-less="$t('read.less')">
@@ -12,11 +12,11 @@
           <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')" 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" />
@@ -67,8 +67,6 @@ import { formatLicense, formatTemporalExtents } from '@radiantearth/stac-fields/
 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: {
@@ -180,7 +178,7 @@ export default {
       try {
         await this.$store.dispatch('loadApiItems', {link, show: true});
       } catch (error) {
-        this.$root.$emit('error', error, SORRY_ITEM_LIST);
+        this.$root.$emit('error', error, this.$t('errors.loadItems'));
       }
     },
     async filterItems(filters, reset) {
@@ -190,7 +188,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 84f750397..47550d4a4 100644
--- a/src/views/Item.vue
+++ b/src/views/Item.vue
@@ -5,21 +5,21 @@
         <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" :text="$t('read.more')" :text-less="$t('read.less')">
@@ -28,7 +28,7 @@
           <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 73bb27b9f..c9be45896 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="!root" stretch />
-    <b-alert v-else-if="!supportsSearch" variant="danger" show>Item Search is not supported by the API.</b-alert>
+    <b-alert v-else-if="!supportsSearch" 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="root" :stacLayerData="itemCollection" scrollWheelZoom popover />
@@ -35,7 +35,6 @@ import sortCapabilitiesMixinGenerator from '../components/SortCapabilitiesMixin'
 import ItemFilter from '../components/ItemFilter.vue';
 import Loading from '../components/Loading.vue';
 
-const pageTitle = 'Search';
 const searchId = '__search__';
 
 export default {
@@ -64,6 +63,9 @@ export default {
   computed: {
     ...mapState(['apiItems', 'apiItemsLink', 'apiItemsPagination', 'apiItemsFilter']),
     ...mapGetters(["root", "searchLink", 'supportsSearch', 'fromBrowserPath', 'getApiItemsLoading']),
+    pageTitle() {
+      return this.$t('search.title');
+    },
     loading() {
       return this.getApiItemsLoading(searchId);
     },
@@ -118,7 +120,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) {
@@ -127,7 +129,7 @@ export default {
         let response = await this.$store.dispatch('loadApiItems', {link, show: true});
         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);
       }
@@ -138,14 +140,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});
       }
     }
   }