diff --git a/code/core/template/stories/hooks.stories.ts b/code/core/template/stories/hooks.stories.ts
index 08ab2587ace2..e7db5fa56a03 100644
--- a/code/core/template/stories/hooks.stories.ts
+++ b/code/core/template/stories/hooks.stories.ts
@@ -6,7 +6,7 @@ import { useEffect, useState } from '@storybook/core/preview-api';
 
 export default {
   component: globalThis.Components.Button,
-  tags: ['!vitest']
+  tags: ['!vitest'],
 };
 
 export const UseState = {
diff --git a/code/lib/cli-storybook/src/sandbox-templates.ts b/code/lib/cli-storybook/src/sandbox-templates.ts
index 5f59e1b5b135..8ae1362564ce 100644
--- a/code/lib/cli-storybook/src/sandbox-templates.ts
+++ b/code/lib/cli-storybook/src/sandbox-templates.ts
@@ -159,7 +159,7 @@ const baseTemplates = {
   'nextjs/default-js': {
     name: 'Next.js Latest (Webpack | JavaScript)',
     script:
-      'yarn create next-app {{beforeDir}} -e https://github.com/vercel/next.js/tree/next-14-1/examples/hello-world && cd {{beforeDir}} && npm pkg set "dependencies.next"="^14.2.16" && yarn && git add . && git commit --amend --no-edit && cd ..',
+      'npx create-next-app@^14 {{beforeDir}} --typescript --eslint --tailwind --app --import-alias="@/*" --src-dir',
     expected: {
       framework: '@storybook/nextjs',
       renderer: '@storybook/react',
@@ -176,7 +176,7 @@ const baseTemplates = {
   'nextjs/default-ts': {
     name: 'Next.js Latest (Webpack | TypeScript)',
     script:
-      'yarn create next-app {{beforeDir}} -e https://github.com/vercel/next.js/tree/next-14-1/examples/hello-world && cd {{beforeDir}} && npm pkg set "dependencies.next"="^14.2.16" && yarn && git add . && git commit --amend --no-edit && cd ..',
+      'npx create-next-app@^14 {{beforeDir}} --typescript --eslint --tailwind --app --import-alias="@/*" --src-dir',
     expected: {
       framework: '@storybook/nextjs',
       renderer: '@storybook/react',