fix: enhance demo

.gitignore

@@ -4,6 +4,8 @@ node_modules
 .react-server-*
 .vercel
 .aws-lambda
+.serverless
+.sst
 *.pem
 *.sqlite
 *.log

examples/hello-world-aws/src/Counter.jsx

@@ -0,0 +1,29 @@
+"use client";
+import { useState } from "react";
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="flex flex-col items-center justify-center h-screen">
+      <h1 className="text-4xl font-bold">Counter</h1>
+      <p className="mt-4 text-center">
+        The current count is <span className="font-bold">{count}</span>.
+      </p>
+      <div className="mt-4 space-x-4">
+        <button
+          className="px-4 py-2 text-white bg-blue-500 rounded"
+          onClick={() => setCount((prevCount) => prevCount + 1)}
+        >
+          Increment
+        </button>
+        <button
+          className="px-4 py-2 text-white bg-red-500 rounded"
+          onClick={() => setCount((prevCount) => prevCount - 1)}
+        >
+          Decrement
+        </button>
+      </div>
+    </div>
+  );
+}

examples/hello-world-aws/src/index.css

@@ -0,0 +1,3 @@
+h1 {
+  font-family: "Courier New", Courier, monospace;
+}

examples/hello-world-aws/src/index.jsx

@@ -1,3 +1,13 @@
+import "./index.css";
+
+import Counter from "./Counter";
+
 export default function App() {
-  return <h1>Hello World</h1>;
+  return (
+    <div>
+      <h1>Hello World</h1>
+      <p>This is a server-rendered React application.</p>
+      <Counter />
+    </div>
+  );
 }