Migrated 'with-absolute-imports' to App-router Convention (#68666)

Hey There 👋 This PR Includes the following changes -> Migration of with-absolute-imports example to App Router -> Updated all packages -> Added the Layout page as per App router Convention. cc - @samcx Co-authored-by: Sam Ko <sam@vercel.com>
vercel · Aug 8, 2024 · 51892eb · 51892eb
1 parent 3131049
commit 51892eb
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 8 deletions.
diff --git a/examples/with-absolute-imports/app/layout.tsx b/examples/with-absolute-imports/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/...les/with-absolute-imports/pages/index.tsx → examples/with-absolute-imports/app/page.tsx b/...les/with-absolute-imports/pages/index.tsx → examples/with-absolute-imports/app/page.tsx
diff --git a/examples/with-absolute-imports/package.json b/examples/with-absolute-imports/package.json
@@ -7,13 +7,13 @@
   },
   "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.11.9",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.8",
-    "typescript": "^4.8.4"
+    "@types/node": "^22.1.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.4"
   }
 }
diff --git a/examples/with-absolute-imports/tsconfig.json b/examples/with-absolute-imports/tsconfig.json
@@ -19,8 +19,13 @@
     // Using "paths" allows you to configure module path aliases
     "paths": {
       "@/components/*": ["components/*"]
-    }
+    },
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }