diff --git a/gulpfile.js b/gulpfile.js
index feba99cb8..69020c38f 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -223,6 +223,11 @@ gulp.task('images', function () {
         .pipe(gulp.dest('dist/img'));
 });
 
+gulp.task('translation', function () {
+    return gulp.src('src/translation/**')
+        .pipe(gulp.dest('dist/translation'));
+});
+
 gulp.task('timezones', function (done) {
     execSync('./scripts/createTimezones.js ./dist/js/timezones.js');
     done();
@@ -237,11 +242,12 @@ gulp.task('clean', function (done) {
     done();
 });
 
-gulp.task('default', gulp.series(['clean', 'html', 'js', 'timezones', '3rdparty', 'images', 'css']));
+gulp.task('default', gulp.series(['clean', 'html', 'js', 'timezones', '3rdparty', 'translation', 'images', 'css']));
 
 gulp.task('watch', function (done) {
     gulp.watch(['src/*.scss'], gulp.series(['css']));
     gulp.watch(['src/img/*'], gulp.series(['images']));
+    gulp.watch(['src/translation/*'], gulp.series(['translation']));
     gulp.watch(['src/**/*.html'], gulp.series(['html']));
     gulp.watch(['src/views/*.html'], gulp.series(['html-views']));
     gulp.watch(['src/templates/*.html'], gulp.series(['html-templates']));
diff --git a/src/translation/de.json b/src/translation/de.json
new file mode 100644
index 000000000..851861808
--- /dev/null
+++ b/src/translation/de.json
@@ -0,0 +1,3 @@
+{
+    "MY_APPS": "Meine Apps"
+}
diff --git a/src/translation/en.json b/src/translation/en.json
new file mode 100644
index 000000000..5c538d456
--- /dev/null
+++ b/src/translation/en.json
@@ -0,0 +1,4 @@
+{
+    "MY_APPS": "My Apps",
+    "CLOUDRON_OFFLINE": "Cloudron is offline. Reconnecting…"
+}
diff --git a/src/translation/fr.json b/src/translation/fr.json
new file mode 100644
index 000000000..0967ef424
--- /dev/null
+++ b/src/translation/fr.json
@@ -0,0 +1 @@
+{}
diff --git a/src/views/apps.html b/src/views/apps.html
index 082562de8..525138866 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -112,7 +112,7 @@
 
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">
       <h1 class="view-header">
-        My Apps
+        {{ 'MY_APPS' | translate }}
         <div class="pull-right">
           <form class="form-inline">
             <input type="text" class="form-control" ng-show="installedApps.length > 8" placeholder="Search Apps" id="appSearch" ng-model="appSearch"/>