Merge pull request #1 from zerowatt-io/james/config-host

use convex hostname from convex.json

Author: jamescowling

hello-convex/README.md

@@ -2,14 +2,23 @@
 
 This is an example of using the Convex SDK to build a basic counter application.
 
-The project is built with [React](https://reactjs.org/) and [TypeScript](https://www.typescriptlang.org/), bundled using [Vite](https://vitejs.dev/). It connects to a Convex server running at `localhost:8000` using the JavaScript SDK.
+The project is built with [React](https://reactjs.org/) and
+[TypeScript](https://www.typescriptlang.org/), bundled using
+[Vite](https://vitejs.dev/). It connects to a Convex server running at the host
+specified in `convex.json` using the JavaScript SDK.
 
 ## Running
 
-First run `npm install` to pull in the required dependencies including the Convex SDK/CLI.
+First run `npm install` to pull in the required dependencies including the
+Convex SDK/CLI.
 
-The application assumes you have the Convex HTTP server running at `http://localhost:8000`.
+The application assumes you have the Convex HTTP server running at the given
+host.
 
-Before you can interact with the Convex server you need to first register your `/convex` functions with `npx convex register`. This command should be re-run any time these functions are changed.
+Before you can interact with the Convex server you need to first register your
+`/convex` functions with `npx convex register`. This command should be re-run
+any time these functions are changed.
 
-To run the app in development mode, use `npm run dev`. To build a production release, use `npm run build`. You can then view the static HTML using a simple web server with `npm run serve`.
+To run the app in development mode, use `npm run dev`. To build a production
+release, use `npm run build`. You can then view the static HTML using a simple
+web server with `npm run serve`.

hello-convex/src/App.tsx

@@ -1,7 +1,8 @@
 import { useEffect, useState } from "react";
 import { ConvexClient } from "convex-sdk";
 
-const convex = new ConvexClient("http://localhost:8000");
+import convexConfig from "../convex.json";
+const convex = new ConvexClient(convexConfig.host);
 
 function Counter() {
  const [counter, setCounter] = useState(0);