diff --git a/client/nanoc/rules/react.rules b/client/nanoc/rules/react.rules
index 0d0ca6e..7aea8f5 100644
--- a/client/nanoc/rules/react.rules
+++ b/client/nanoc/rules/react.rules
@@ -1,16 +1,17 @@
 #!/usr/bin/env ruby
 
 components = {
-  'react-newtask' => 'tasks/new',
-  'react-edittask' => 'tasks/edit',
-  'react-tasks' => 'tasks',
-  'react-projects' => 'projects'
+  'react-task' => ['tasks/new', 'tasks/edit'],
+  'react-tasks' => [ '/', 'tasks'],
+  'react-projects' => ['projects']
 }
 
-components.each do |name, path|
+components.each do |name, paths|
   compile '/html/react.html.erb', rep: name do
-    filter(:erb, locals: {name:, path: "/#{path}", src: "/js/main.js"})
-    write("/#{path}/index.html")
+    filter(:erb, locals: {name:, src: "/js/main.js"})
+    paths.each do |path|
+      path == "/" ? write("/index.html") : write("/#{path}/index.html")
+    end
   end
 end
 
diff --git a/client/src/js/main/main.tsx b/client/src/js/main/main.tsx
index e0f9231..7502b84 100644
--- a/client/src/js/main/main.tsx
+++ b/client/src/js/main/main.tsx
@@ -7,12 +7,7 @@ import { Task } from "~/components/Task";
 
 (function () {
   const components = {
-    "react-newtask": () => (
-      <App>
-        <Task />
-      </App>
-    ),
-    "react-edittask": () => (
+    "react-task": () => (
       <App>
         <Task />
       </App>