diff --git a/gulpfile.js b/gulpfile.js
index c7b5dec..0a1574f 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -12,15 +12,15 @@ gulp.task('build', function(cb) {
 });
 
 gulp.task('watch', function() {
-    gulp.watch(['metalsmith.json', 'src/**/*', 'public/**/*', 'templates/**/*'], ['build']);
+    gulp.watch(['metalsmith.json', 'src/**/*', 'public/**/*', 'templates/**/*'],gulp.parallel('build'));
 });
 
-gulp.task('serve', ['build', 'watch'], function() {
+gulp.task('serve', gulp.series('build', gulp.parallel('watch', function() {
     http.createServer(st({
         path: path.join(__dirname, 'build'),
         index: 'index.html',
         cache: false
     })).listen(3000);
-});
+})));
 
-gulp.task('default', ['serve']);
+gulp.task('default', gulp.series('serve'));
diff --git a/package.json b/package.json
index ad5a4b4..861d5dd 100644
--- a/package.json
+++ b/package.json
@@ -27,24 +27,26 @@
   "homepage": "https://github.com/nwjs/website",
   "dependencies": {
     "babel-preset-react": "^6.3.13",
+    "gulp-cli": "github:gulpjs/gulp-cli",
+    "gulp-sass": "4.0.2",
     "handlebars": "^4.0.5",
     "marked": "^0.3.2",
     "metalsmith": "^2.1.0",
     "metalsmith-babel": "^4.0.0",
-    "metalsmith-collections": "^0.7.0",
+    "metalsmith-collections": "^0.9.0",
     "metalsmith-feed": "^0.2.0",
     "metalsmith-in-place": "^1.3.2",
     "metalsmith-layouts": "^1.4.2",
-    "metalsmith-markdown": "^0.2.1",
+    "metalsmith-markdown": "^1.2.0",
     "metalsmith-metadata": "0.0.4",
-    "metalsmith-permalinks": "^0.4.1",
-    "metalsmith-prism": "^2.1.1",
+    "metalsmith-permalinks": "^2.2.0",
+    "metalsmith-prism": "^3.1.1",
     "metalsmith-sass": "^1.3.0",
     "metalsmith-static": "0.0.5"
   },
   "devDependencies": {
     "bower": "^1.7.x",
-    "gulp": "^3.9.0",
+    "gulp": "^4.0.0",
     "gulp-run": "^1.6.12",
     "st": "^1.1.0"
   }