diff --git a/packages/cli/src/commands/generate/commands/page.js b/packages/cli/src/commands/generate/commands/page.js
index fb658aceed44..bb65c047868a 100644
--- a/packages/cli/src/commands/generate/commands/page.js
+++ b/packages/cli/src/commands/generate/commands/page.js
@@ -24,22 +24,25 @@ export const files = ({ name, ...rest }) => {
 
 export const routes = ({ name, path }) => {
   return [
-    `<Route path="${path ?? `/${paramCase(name)}`}" page={${pascalcase(
+    `<Route path="${path}" page={${pascalcase(name)}Page} name="${camelcase(
       name
-    )}Page} name="${camelcase(name)}" />`,
+    )}" />`,
   ]
 }
 
 export const command = 'page <name> [path]'
 export const desc = 'Generates a page component.'
-export const handler = async ({ name, path }) => {
+export const builder = { force: { type: 'boolean', default: false } }
+
+export const handler = async ({ name, path, force }) => {
+  path = path ?? `/${paramCase(name)}`
   const tasks = new Listr(
     [
       {
         title: 'Generating page files...',
         task: async () => {
           const f = await files({ name, path })
-          return writeFilesTask(f)
+          return writeFilesTask(f, { overwriteExisting: force })
         },
       },
       {