diff --git a/index.js b/index.js
index 15e11b6..ce6e5c1 100644
--- a/index.js
+++ b/index.js
@@ -41,11 +41,20 @@ const adjustRenderer = (protocol, dir) => {
   })
 }
 
-module.exports = async (electron, dir, port) => {
+module.exports = async (electron, dirs, port) => {
+  const directories = {}
+
+  if (typeof dirs === 'string') {
+    directories.prod = dirs
+    directories.dev = dirs
+  } else {
+    directories = dirs
+  }
+
   if (!isDev) {
-    adjustRenderer(electron.protocol, dir)
+    adjustRenderer(electron.protocol, dirs.prod)
     return
   }
 
-  await devServer(electron.app, dir, port)
+  await devServer(electron.app, dirs.dev, port)
 }
diff --git a/readme.md b/readme.md
index 4acb75e..61e7d46 100644
--- a/readme.md
+++ b/readme.md
@@ -13,13 +13,18 @@ npm install --save electron-next
 Then load it:
 
 ```js
+const electron = require('electron')
 const prepareNext = require('electron-next')
+const { resolve } = require('app-root-path')
 ```
 
 And finally use it to prepare your application before you create and `BrowserWindow`s:
 
 ```js
-await prepareNext(electron)
+await prepareNext(electron, {
+  dev: resolve('./renderer/out'),
+  prod: resolve('./renderer')
+})
 ```
 
 ## Caught a Bug?