diff --git a/src/router/index.ts b/src/router/index.ts
index a49ae50..6bda893 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -12,10 +12,12 @@ const router = createRouter({
     {
       path: '/about',
       name: 'about',
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
       component: () => import('../views/AboutView.vue')
+    },
+    {
+      path: '/new-task',
+      name: 'new-task',
+      component: () => import('../views/task/NewTask.vue')
     }
   ]
 })
diff --git a/src/views/task/NewTask.vue b/src/views/task/NewTask.vue
new file mode 100644
index 0000000..d2df8ac
--- /dev/null
+++ b/src/views/task/NewTask.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import NewTaskForm from '@/use-cases/task/components/NewTaskForm.vue'
+</script>
+
+<template>
+  <div class="new-task">
+    <NewTaskForm />
+  </div>
+</template>
+
+<style scoped>
+.new-task {
+}
+</style>