diff --git a/packages/create-next-app/templates/app/js/app/head.jsx b/packages/create-next-app/templates/app/js/app/head.jsx
index 103de3c1a7a4..5ad797f1f219 100644
--- a/packages/create-next-app/templates/app/js/app/head.jsx
+++ b/packages/create-next-app/templates/app/js/app/head.jsx
@@ -2,6 +2,7 @@ export default function Head() {
   return (
     <>
       <title>Create Next App</title>
+      <meta content="width=device-width, initial-scale=1" name="viewport" />
       <meta name="description" content="Generated by create next app" />
       <link rel="icon" href="/favicon.ico" />
     </>
diff --git a/packages/create-next-app/templates/app/ts/app/head.tsx b/packages/create-next-app/templates/app/ts/app/head.tsx
index 103de3c1a7a4..5ad797f1f219 100644
--- a/packages/create-next-app/templates/app/ts/app/head.tsx
+++ b/packages/create-next-app/templates/app/ts/app/head.tsx
@@ -2,6 +2,7 @@ export default function Head() {
   return (
     <>
       <title>Create Next App</title>
+      <meta content="width=device-width, initial-scale=1" name="viewport" />
       <meta name="description" content="Generated by create next app" />
       <link rel="icon" href="/favicon.ico" />
     </>