✨

Author: Ethan-Arrowood

app/actions.js

@@ -1,5 +1,7 @@
 'use server'
 
+import('harperdb');
+
 export async function listDogs() {
 	const dogs = [];
 	for await (const dog of tables.Dog.search()) {

app/dogs/[id]/page.js

@@ -13,6 +13,7 @@ export default async function Dog({ params }) {
 	return (
 		<section>
 			<h1>{dog.name}</h1>
+			<p>Breed: {dog.get('breed')}</p>
 			<p>Woof!</p>
 		</section>
 	)

app/page.js

@@ -1,8 +1,10 @@
 import Link from "next/link";
+import ClientComponent from "./client-component";
 
 export default async function Page() {
   return (
     <section>
+      <ClientComponent/>
       <p>Check out the <Link href="/dogs">Dogs</Link> page to get started.</p>
     </section>
   )

config.yaml

@@ -1,9 +1,7 @@
 graphqlSchema:
   files: '*.graphql'
+jsResource:
+  files: './resources.js'
 '@harperdb/nextjs':
   package: '@harperdb/nextjs'
-  prebuilt: false
-  dev: true
-  debug: true
-  port: 3000
   files: '/*'

next.config.js

@@ -1,7 +1,11 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-	experimental: {
-		workerThreads: true
+	webpack: (config) => {
+		config.externals.push({
+			"harperdb": "commonjs harperdb"
+		})
+
+		return config;
 	}
 }
 

package-lock.json

@@ -3,13 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "harperdb run ./",
+    "dev": "harperdb-nextjs dev",
+    "build": "harperdb-nextjs build",
+    "start": "harperdb-nextjs start",
     "lint": "next lint"
   },
   "dependencies": {
-    "@harperdb/nextjs": "file://Users/ethan/dev/harperdb/nextjs",
+    "@harperdb/nextjs": "file:../nextjs",
     "harperdb": "^4.3.21",
     "next": "^14.2.5",
     "react": "^18",

package.json

@@ -0,0 +1,18 @@
+const dogs = [
+	{ id: "0", name: "Lincoln", breed: "Shepherd" },
+	{ id: "1", name: "Max", breed: "Cocker Spaniel" },
+	{ id: "2", name: "Bella", breed: "Lab" },
+	{ id: "3", name: "Charlie", breed: "Great Dane" },
+	{ id: "4", name: "Lucy", breed: "Newfoundland" },
+	{ id: "5", name: "Cooper", breed: "Pug" },
+	{ id: "6", name: "Daisy", breed: "Bull Dog" },
+	{ id: "7", name: "Rocky", breed: "Akita" },
+	{ id: "8", name: "Luna", breed: "Wolf" },
+	{ id: "9", name: "Buddy", breed: "Border Collie" },
+	{ id: "10", name: "Bailey", breed: "Golden Retriever" },
+	{ id: "11", name: "Sadie", breed: "Belgian Malinois" },
+]
+
+for (const dog of dogs) {
+	tables.Dog.put(dog)
+}