Updated basic-export example with app router (#67760)

This PR updates the basic-export example to use the App Router. Here are the changes that have been made: Renamed the "pages" folder to "app" folder. Updated the routing for / and /about, files to align with the App Router. Added the layout.tsx file as part of the App Router. cc : @samcx --------- Co-authored-by: ShruthiKathula <[email protected]> Co-authored-by: samcx <[email protected]>
vercel · Jul 15, 2024 · 7f1a24c · 7f1a24c
1 parent b5331ac
commit 7f1a24c
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 9 deletions.
diff --git a/examples/basic-export/pages/about.tsx → examples/basic-export/app/about/page.tsx b/examples/basic-export/pages/about.tsx → examples/basic-export/app/about/page.tsx
diff --git a/examples/basic-export/app/layout.tsx b/examples/basic-export/app/layout.tsx
@@ -0,0 +1,16 @@
+export const metadata = {
+ title: "Next.js",
+ description: "Generated by Next.js",
+};
+
+export default function RootLayout({
+ children,
+}: {
+ children: React.ReactNode;
+}) {
+ return (
+ <html lang="en">
+ <body>{children}</body>
+ </html>
+ );
+}
diff --git a/examples/basic-export/pages/index.tsx → examples/basic-export/app/page.tsx b/examples/basic-export/pages/index.tsx → examples/basic-export/app/page.tsx
diff --git a/examples/basic-export/package.json b/examples/basic-export/package.json
@@ -1,20 +1,21 @@
 {
  "private": true,
  "scripts": {
- "dev": "next",
+ "dev": "next dev",
  "build": "next build",
- "start": "serve out"
+ "start": "serve out",
+ "lint": "next lint"
  },
  "dependencies": {
  "next": "latest",
- "react": "^18.2.0",
- "react-dom": "^18.2.0"
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1"
  },
  "devDependencies": {
- "@types/node": "^18.0.0",
- "@types/react": "^18.0.14",
- "@types/react-dom": "^18.0.5",
- "serve": "^14.2.0",
- "typescript": "^4.7.4"
+ "@types/node": "^20.14.10",
+ "@types/react": "^18.3.3",
+ "@types/react-dom": "^18.3.0",
+ "serve": "^14.2.3",
+ "typescript": "^5.5.3"
  }
 }