No external data dependency (#2)

* wip

* major progress!

* fix up some styles

* format

Author: Ethan-Arrowood

README.md

@@ -4,7 +4,7 @@ This is an example of how to use [`@harperdb/nextjs`](https://github.com/HarperD
 
 The Next.js application can interact with the database through the [Resource API](https://docs.harperdb.io/docs/technical-details/reference/resource) directly instead of relying on network operations. This is significantly more efficient and enables a better application development experience.
 
-<!-- 
+<!--
 TODO: Re-record video with new application steps
 > [!TIP]
 > Watch a walkthrough of this example here: [Next.js on HarperDB | Step-by-Step Guide for Next Level Next.js Performance](https://youtu.be/GqLEwteFJYY)
@@ -26,7 +26,7 @@ The easiest way to demonstrate this application remotely is to use the `prebuilt
 1. Locally or in a CI environment, load the necessary data ([Harper Basic Data Example](https://github.com/HarperDB/basic-data-example))
 2. Create a build using `npm run build`
 3. Modify `config.yaml` to include `prebuilt: true` under the `@harperdb/nextjs` component
-5. Then deploy the prebuilt application using the Harper CLI:
+4. Then deploy the prebuilt application using the Harper CLI:
 
 ```bash
 harperdb deploy \

app/actions.js

@@ -1,15 +1,67 @@
 'use server';
 
+import { revalidatePath } from 'next/cache';
 import('harperdb');
 
 export async function listDogs() {
-	const dogs = [];
-	for await (const dog of tables.Dog.search()) {
-		dogs.push({ id: dog.id, name: dog.name });
+	// Original database logic - uncomment when ready
+	try {
+		const dogs = [];
+		if (tables?.Dog) {
+			for await (const dog of tables.Dog.search()) {
+				dogs.push({ id: dog.id, name: dog.name, breed: dog.breed, age: dog.age, color: dog.color });
+			}
+		}
+		return dogs;
+	} catch (error) {
+		console.error('Error listing dogs:', error);
+		return [];
 	}
-	return dogs;
 }
 
 export async function getDog(id) {
-	return tables.Dog.get(id);
+	try {
+		if (typeof tables === 'undefined' || !tables.Dog) {
+			return null;
+		}
+		return await tables.Dog.get(id);
+	} catch (error) {
+		console.error('Error getting dog:', error);
+		return null;
+	}
+}
+
+export async function createDog(formData) {
+	// Extract form values
+	const name = formData.get('name');
+	const breed = formData.get('breed');
+	const age = parseInt(formData.get('age'));
+	const color = formData.get('color');
+
+	// Validate required fields
+	if (!name || !breed || !age || !color) {
+		throw new Error('All fields are required');
+	}
+
+	if (typeof tables === 'undefined' || !tables.Dog) {
+		throw new Error('Database not available');
+	}
+
+	await tables.Dog.create({ name, breed, age, color });
+
+	// Revalidate the dogs page to show updated data
+	revalidatePath('/dogs');
+}
+
+export async function deleteDog(dogId) {
+	console.log('Deleting dog with id:', dogId);
+
+	if (typeof tables === 'undefined' || !tables.Dog) {
+		throw new Error('Database not available');
+	}
+
+	await tables.Dog.delete(dogId);
+
+	// Revalidate the dogs page to show updated data
+	revalidatePath('/dogs');
 }