[examples] Update Storybook template (#10063)

To use stable App Router.

New deployment: https://storybook-template.vercel.app/

.changeset/grumpy-toys-tell.md

@@ -0,0 +1,2 @@
+---
+---

examples/storybook/README.md

@@ -2,7 +2,15 @@
 
 This is a [Next.js](https://nextjs.org/) with [Storybook](https://storybook.js.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-## Getting Started
+## Deploy Your Own
+
+Deploy your own Storybook project with Vercel.
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/vercel/vercel/tree/main/examples/storybook&template=storybook)
+
+_Live Example: https://storybook-template.vercel.app_
+
+## Running Locally
 
 First, run the development server:
 

examples/storybook/app/api/hello/route.ts

@@ -1,3 +0,0 @@
-export async function GET(request: Request) {
-  return new Response('Hello, Next.js!')
-}

examples/storybook/next.config.js

@@ -1,8 +1,4 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-  experimental: {
-    appDir: true,
-  },
-}
+const nextConfig = {}
 
 module.exports = nextConfig

examples/storybook/package.json

@@ -1,6 +1,4 @@
 {
-  "name": "storybook-app",
-  "version": "0.1.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -11,25 +9,25 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@types/node": "18.15.12",
-    "@types/react": "18.0.37",
-    "@types/react-dom": "18.0.11",
-    "next": "13.3.0",
+    "@types/node": "20.2.5",
+    "@types/react": "18.2.8",
+    "@types/react-dom": "18.2.4",
+    "next": "13.4.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "typescript": "5.0.4"
+    "typescript": "5.1.3"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.0.6",
-    "@storybook/addon-interactions": "^7.0.6",
-    "@storybook/addon-links": "^7.0.6",
-    "@storybook/blocks": "^7.0.6",
-    "@storybook/nextjs": "^7.0.6",
-    "@storybook/react": "^7.0.6",
-    "@storybook/testing-library": "^0.0.14-next.2",
-    "storybook": "^7.0.6"
+    "@storybook/addon-essentials": "^7.0.18",
+    "@storybook/addon-interactions": "^7.0.18",
+    "@storybook/addon-links": "^7.0.18",
+    "@storybook/blocks": "^7.0.18",
+    "@storybook/nextjs": "^7.0.18",
+    "@storybook/react": "^7.0.18",
+    "@storybook/testing-library": "^0.1.0",
+    "storybook": "^7.0.18"
   },
   "engines": {
-    "node": ">=16"
+    "node": ">=18"
   }
 }