update to tsx example

livekit · Nov 6, 2023 · 66da4c2 · 66da4c2
1 parent 2150ae0
commit 66da4c2
Show file tree

Hide file tree

Showing 8 changed files with 29,270 additions and 1,659 deletions.
diff --git a/examples/nextjs-14/README.md b/examples/nextjs-14/README.md
@@ -16,7 +16,7 @@ bun dev
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
 This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 

diff --git a/examples/nextjs-14/app/layout.js → examples/nextjs-14/app/layout.tsx b/examples/nextjs-14/app/layout.js → examples/nextjs-14/app/layout.tsx
@@ -1,14 +1,19 @@
+import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
 
 const inter = Inter({ subsets: ['latin'] })
 
-export const metadata = {
+export const metadata: Metadata = {
   title: 'Create Next App',
   description: 'Generated by create next app',
 }
 
-export default function RootLayout({ children }) {
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
   return (
     <html lang="en">
       <body className={inter.className}>{children}</body>

diff --git a/examples/nextjs-14/app/page.js → examples/nextjs-14/app/page.tsx b/examples/nextjs-14/app/page.js → examples/nextjs-14/app/page.tsx
diff --git a/examples/nextjs-14/jsconfig.json b/examples/nextjs-14/jsconfig.json
diff --git a/examples/nextjs-14/package.json b/examples/nextjs-14/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@livekit/component-example-next-14",
+  "name": "nextjs-14",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -17,7 +17,11 @@
     "react-dom": "^18"
   },
   "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "14.0.1"
+    "eslint-config-next": "14.0.1",
+    "typescript": "^5"
   }
 }
diff --git a/examples/nextjs-14/tsconfig.json b/examples/nextjs-14/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}