|
--- |
|
title: Next.js + Transformers.js Server Template |
|
emoji: 🗄️ |
|
colorFrom: blue |
|
colorTo: purple |
|
sdk: docker |
|
pinned: false |
|
app_port: 3000 |
|
--- |
|
|
|
# next-server |
|
|
|
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-server` project: |
|
```sh |
|
cd transformers.js-examples/next-server |
|
``` |
|
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/api/classify/route.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. |
