Update basic example for App Router. (#4839)

vercel · May 5, 2023 · 93ddc53 · 93ddc53 · vercel · May 5, 2023
1 parent 8284e11
commit 93ddc53
Show file tree

Hide file tree

Showing 18 changed files with 1,033 additions and 376 deletions.
diff --git a/examples/basic/apps/docs/app/layout.tsx b/examples/basic/apps/docs/app/layout.tsx
@@ -0,0 +1,11 @@
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/basic/apps/docs/app/page.tsx b/examples/basic/apps/docs/app/page.tsx
@@ -0,0 +1,10 @@
+import { Button, Header } from "ui";
+
+export default function Page() {
+  return (
+    <>
+      <Header text="Docs" />
+      <Button />
+    </>
+  );
+}
diff --git a/examples/basic/apps/docs/package.json b/examples/basic/apps/docs/package.json
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "latest",
+    "next": "^13.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ui": "workspace:*"

diff --git a/examples/basic/apps/docs/pages/index.tsx b/examples/basic/apps/docs/pages/index.tsx
diff --git a/examples/basic/apps/docs/tsconfig.json b/examples/basic/apps/docs/tsconfig.json
@@ -1,5 +1,8 @@
 {
   "extends": "tsconfig/nextjs.json",
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "plugins": [{ "name": "next" }]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
diff --git a/examples/basic/apps/web/app/layout.tsx b/examples/basic/apps/web/app/layout.tsx
@@ -0,0 +1,11 @@
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/examples/basic/apps/web/app/page.tsx b/examples/basic/apps/web/app/page.tsx
@@ -0,0 +1,10 @@
+import { Button, Header } from "ui";
+
+export default function Page() {
+  return (
+    <>
+      <Header text="Web" />
+      <Button />
+    </>
+  );
+}
diff --git a/examples/basic/apps/web/package.json b/examples/basic/apps/web/package.json
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "latest",
+    "next": "^13.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "ui": "workspace:*"

diff --git a/examples/basic/apps/web/pages/index.tsx b/examples/basic/apps/web/pages/index.tsx
diff --git a/examples/basic/apps/web/tsconfig.json b/examples/basic/apps/web/tsconfig.json
@@ -1,5 +1,8 @@
 {
   "extends": "tsconfig/nextjs.json",
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "plugins": [{ "name": "next" }]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
diff --git a/examples/basic/package.json b/examples/basic/package.json
@@ -10,7 +10,7 @@
     "eslint": "^7.32.0",
     "eslint-config-custom": "workspace:*",
     "prettier": "^2.5.1",
-    "turbo": "latest"
+    "turbo": "^1.9.3"
   },
   "packageManager": "pnpm@7.15.0"
 }
diff --git a/examples/basic/packages/eslint-config-custom/package.json b/examples/basic/packages/eslint-config-custom/package.json
@@ -4,10 +4,10 @@
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
-    "eslint-config-next": "latest",
+    "eslint-config-next": "^13.4.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "7.28.0",
-    "eslint-config-turbo": "latest"
+    "eslint-config-turbo": "^1.9.3"
   },
   "publishConfig": {
     "access": "public"

diff --git a/examples/basic/packages/tsconfig/nextjs.json b/examples/basic/packages/tsconfig/nextjs.json
@@ -3,6 +3,7 @@
   "display": "Next.js",
   "extends": "./base.json",
   "compilerOptions": {
+    "plugins": [{ "name": "next" }],
     "allowJs": true,
     "declaration": false,
     "declarationMap": false,

diff --git a/examples/basic/packages/tsconfig/react-library.json b/examples/basic/packages/tsconfig/react-library.json
@@ -4,7 +4,7 @@
   "extends": "./base.json",
   "compilerOptions": {
     "jsx": "react-jsx",
-    "lib": ["ES2015"],
+    "lib": ["ES2015", "DOM"],
     "module": "ESNext",
     "target": "es6"
   }

diff --git a/examples/basic/packages/ui/Button.tsx b/examples/basic/packages/ui/Button.tsx
@@ -1,5 +1,7 @@
+"use client";
+
 import * as React from "react";
 
 export const Button = () => {
-  return <button>Boop</button>;
+  return <button onClick={() => alert("boop")}>Boop</button>;
 };
diff --git a/examples/basic/packages/ui/Header.tsx b/examples/basic/packages/ui/Header.tsx
@@ -0,0 +1,5 @@
+import * as React from "react";
+
+export const Header = ({ text }: { text: string }) => {
+  return <h1>{text}</h1>;
+};
diff --git a/examples/basic/packages/ui/index.tsx b/examples/basic/packages/ui/index.tsx
@@ -1,2 +1,3 @@
 import * as React from "react";
 export * from "./Button";
+export * from "./Header";