Update README.md

README.md

@@ -1,10 +1,42 @@
 ---
-title: Next Client Template
-emoji: 😻
-colorFrom: purple
-colorTo: pink
+title: Next.js + Transformers.js Client Template
+emoji: 🗄️
+colorFrom: blue
+colorTo: purple
 sdk: docker
 pinned: false
+app_port: 3000
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# next-client
+
+This project, bootstrapped using [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app), demonstrates how to use `@huggingface/transformers` in [Next.js](https://nextjs.org).
+
+## Instructions
+
+1. Clone the repository:
+   ```sh
+   git clone https://github.com/huggingface/transformers.js-examples.git
+   ```
+2. Change directory to the `next-client` project:
+   ```sh
+   cd transformers.js-examples/next-client
+   ```
+3. Install the dependencies:
+   ```sh
+   npm install
+   ```
+4. Run the development server:
+   ```sh
+   npm run dev
+   ```
+5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+6. You can start editing the page by modifying `app/page.js` (Next.js) and `app/classify.js` (Transformers.js). The page auto-updates as you edit the file.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.