diff --git a/Procfile b/Procfile
new file mode 100644
index 0000000..0a26e52
--- /dev/null
+++ b/Procfile
@@ -0,0 +1,2 @@
+vite: bin/vite build
+web: bundle exec middleman server
diff --git a/Procfile.dev b/Procfile.dev
new file mode 100644
index 0000000..4f8466c
--- /dev/null
+++ b/Procfile.dev
@@ -0,0 +1,2 @@
+vite: bin/vite dev
+web: bundle exec middleman server
diff --git a/README.md b/README.md
index 03ab9ce..527986d 100644
--- a/README.md
+++ b/README.md
@@ -4,24 +4,30 @@
 
 This website is powered by [Middleman](http://middlemanapp.com).
 
-
 ## How to build the website?
 
-* Clone the repository
-* Change to **source** branch
-```
+- Clone the repository
+- Change to **source** branch
+
+```bash
 git checkout source
 ```
-* Install all the dependencies
-```
+
+- Install all the dependencies
+
+```bash
 bundle install
 ```
-* Run the server
-```
-middleman server
-```
-* The website is in http://localhost:4567
-* To deploy the site:
+
+- Run the server and visit http://localhost:4567
+
+```bash
+gem install foreman
+foreman start -f Procfile.dev
 ```
+
+- To deploy the site:
+
+```bash
 middleman deploy
 ```
diff --git a/config.rb b/config.rb
index b0cf165..79302ca 100644
--- a/config.rb
+++ b/config.rb
@@ -12,12 +12,6 @@
 end
 helpers VitePadrino::TagHelpers
 
-activate :external_pipeline,
-         name: :vite,
-         command: build? ? "yarn run build" : "yarn run dev",
-         source: ".tmp/dist",
-         latency: 1
-
 activate :blog do |blog|
   # This will add a prefix to all links, template references and source paths
   # blog.prefix = "blog"
diff --git a/package.json b/package.json
index fbd107c..f436039 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,4 @@
 {
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build"
-  },
   "devDependencies": {
     "sass": "^1.56.1",
     "vite": "^3.2.4",