add api part

.next/build-manifest.json

@@ -2,9 +2,7 @@
   "polyfillFiles": [
     "static/chunks/polyfills.js"
   ],
-  "devFiles": [
-    "static/chunks/react-refresh.js"
-  ],
+  "devFiles": [],
   "ampDevFiles": [],
   "lowPriorityFiles": [
     "static/development/_buildManifest.js",
@@ -15,16 +13,7 @@
     "static/chunks/main-app.js"
   ],
   "pages": {
-    "/_app": [
-      "static/chunks/webpack.js",
-      "static/chunks/main.js",
-      "static/chunks/pages/_app.js"
-    ],
-    "/_error": [
-      "static/chunks/webpack.js",
-      "static/chunks/main.js",
-      "static/chunks/pages/_error.js"
-    ]
+    "/_app": []
   },
   "ampFirstPages": []
 }

.next/cache/webpack/client-development/1.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f6afffd78d99646dfdcb901d41ef337e33087b7dd06cc05902a7af805ddea636
-size 2420
+oid sha256:234891e5cea7b9577ecf1a1817f61fea3c959fd2ccbaf97fc592f23603d050eb
+size 5153

.next/cache/webpack/client-development/2.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a42a783ebdba243a4bbd23cc6fd6b8c9dbdc2e34b4675f4baef184e0af435712
-size 3498
+oid sha256:09fc7881ddecfa656d58371895bcf62eeae12b4e5b7473bee96275e772b92689
+size 24066

.next/cache/webpack/client-development/3.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:574d6a0699e13e7ace5e10fae3e1541aed383025d90e1b38e04823b412decf90
-size 1429
+oid sha256:e6ee4e5f7dc0555735b16c9e9a534f2adc5e320dbc19344b419f54f5a68a7079
+size 227635

.next/cache/webpack/client-development/4.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9857266a1b5a327a2ef3be4667d74678793de7c719dfe2b0062c1547241c149f
-size 7474915
+oid sha256:685adc15f9da46b5b2dcdc707f9fdfb3c550313db90e9a0133a42b01be23fdde
+size 52276

.next/cache/webpack/client-development/5.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:21d032bdd0bc8ee94ce7511bf3d9530fde05dc990b98fad162ca0b0ff0191650
-size 24528
+oid sha256:491eb7ab8bf0ec74ddb3795fc38dc26385c707224edc47d1c87dbcef21e1ec8a
+size 1714

.next/cache/webpack/client-development/6.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6cd7eb4e8ea6bc122d399e6f31e65fce98fd95d4286a55ac53a58d30e2a98ae1
-size 9955483
+oid sha256:a5fb4df0183af7e5ffad56cb0a277642115c1ae6d8074c0caf502c403137c7d8
+size 11616

.next/cache/webpack/client-development/7.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:34af9d97b1618c1db4a1bfb8f1e73a1c341dc3d0730e104e8c066f0b410ae385
-size 17215
+oid sha256:fe413f7582eae1321387b466f43b42587b08915d310674da350c0e060246b081
+size 3565495

.next/cache/webpack/client-development/8.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:80b7a026552212e47ea53d3b84633bc3dffbe9bc318a2e6ef421fd5ad1e202d2
-size 4318
+oid sha256:a60741c454a20f3573bb9536741360561b82fae863b207e7ff51bd37de0907f3
+size 11318419

.next/cache/webpack/client-development/index.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cc173317e33fbdac23535225f26c99f3f16806d7e7ee523796ef294e86d6d7c7
-size 201483
+oid sha256:dd6a04baaef131b97ed5733efdbbbeab07e5bbd74f827cc3797def9e5f8a1d69
+size 176067

.next/cache/webpack/server-development/0.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b00bcf3f158cd6e349ebd0c7c72d6974a4e4e1cf433708fca1a1cb647ed5db75
-size 5281
+oid sha256:f67d98f6716478bf12a5b7784cdee0fe26e448b90cbb39923111c3a2cc91eee1
+size 4538

.next/cache/webpack/server-development/1.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:162690c86b2c7aa36b8d152ae2d666398dbf6f30a041678d45010890c1342c04
-size 232873
+oid sha256:a6f93c5c7a9a684efc54a04937c0e29708ef9f88a64d003a7d34ef00773da391
+size 1384

.next/cache/webpack/server-development/10.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a67eaf32aa7e0d72da5435ed543d504515efb2bbb20c7feb8d631781e0174409
-size 64265
+oid sha256:b44c5f240f6f677392b4e94b2d295bb4bfb4a456b86b6fdce409f785b80e9ddd
+size 24135

.next/cache/webpack/server-development/11.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:29ff2dfb4f961dbda026648c7addde01092fd87bafcfd6b6ddfcbf7e6f48a7c5
-size 1772669
+oid sha256:86bc686ea10d0661ab3010d473a9ed8310845dbd2d6c92f9119ef3eda722c34e
+size 227391

.next/cache/webpack/server-development/12.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:889eea0b47e951afeeec79c8b3c4402985e6adb87468f47a7595335341119868
-size 7868
+oid sha256:da86b323d6211a8ffdc18e689cec7e0051589e1892f549af7d243629672127cf
+size 6539

.next/cache/webpack/server-development/13.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c796849c1be4f2d97ee02d4bac268cbf98f461bb036b3bf80646a1f7532c1cbe
-size 4556
+oid sha256:a5b08d5a3b1495160eb52cf64171929a701fa80a25b0e9f23b27ac0dfb8ec99b
+size 96671

.next/cache/webpack/server-development/14.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:52e3a0f639689cf10b7090ea25a834c5f355df6e6f40d09fa4da5cc4e30d9b94
-size 3139889
+oid sha256:8585e4160a81feb6a85110f113397f4a83546271bd591852dd39d03b1aa8b289
+size 65613

.next/cache/webpack/server-development/15.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ce59824710f50196f276361ff4bbfaebf6dc9e03437951a6d3966d2be4df8617
-size 13771
+oid sha256:d87d41d49d565a8ea0d58e77d29d27c8bff9eb0f3a43dc17184323674fd9a23e
+size 2942850

.next/cache/webpack/server-development/2.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:043df0e98b64ed377b6725af5e43b65523ba9de7a0be9ed859217baee9e92dbd
-size 1220
+oid sha256:9250fe4816b49af7987bee3a3dca9e25c97895dd0a153f211371c95eed3913ae
+size 30803

.next/cache/webpack/server-development/3.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2a108bd4fa63b22cb85dd93d918510b6d3b4ab0c3a79dd7f787acb24a0830a5f
-size 2343
+oid sha256:b3f408cda42a62770b4ec10ac432a731251f3c84c019e4a54fb6942e35f47bfa
+size 2806105

.next/cache/webpack/server-development/4.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a57ea957f94a8fe806bd7c28afe23e197e25482305efd821e0bfd7477f77eb29
-size 5342
+oid sha256:fe8e2688e893ef14178361c7e510c0ad08de485c56b916267d735b715da21114
+size 4241

.next/cache/webpack/server-development/5.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4f123d7b94b3bb43a951b238932c28a4158914aa2f5d79bfd58a5c2b8d06dc38
-size 3173279
+oid sha256:8f225ddf07b9c1410a7e6c4ae2697f710d572a94ec64239bac36e94d54922483
+size 4077

.next/cache/webpack/server-development/6.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f2490a0cb88b9836527a89755071331e715fb87c8bdb6fdb33c6f5a0fe56f989
-size 1637613
+oid sha256:8d565f9341446d906104d346568ca37bc40fc564c028ecf91cc02c202ee5f534
+size 1638732

.next/cache/webpack/server-development/7.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:25bf819f76ca895e9dd5214a474b5e286c691ab2cec3c34f6168ac3ad1f4f09c
-size 13091
+oid sha256:766b38b2f3e781544acf29e8f94b1fa6f5a45bb28de75292e8453ebb382da0a1
+size 1772521

.next/cache/webpack/server-development/9.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f74305ec845b4db271d37beb74b8828793c29b99a9e1f39175d6ce5eeadb4ebe
-size 3613
+oid sha256:381abe916a1f820f310484bb98f8e1ee9fb5775acdc7edee5a246692a8c8bab4
+size 8690

.next/cache/webpack/server-development/index.pack.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c1ea094ac8f5137c504de93d6ad223152773f1341d10d6a8252491b43bc82ed7
-size 128287
+oid sha256:953400e4317758ba31d2c03cea3b9cbee7fdd92fb998e8588913e4f5e804e09f
+size 133229

.next/server/app-paths-manifest.json

@@ -1,3 +1,4 @@
 {
-  "/page": "app/page.js"
+  "/page": "app/page.js",
+  "/api/route": "app/api/route.js"
 }

.next/server/middleware-build-manifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST={"polyfillFiles":["static/chunks/polyfills.js"],"devFiles":["static/chunks/react-refresh.js"],"ampDevFiles":[],"lowPriorityFiles":["static/development/_buildManifest.js","static/development/_ssgManifest.js"],"rootMainFiles":["static/chunks/webpack.js","static/chunks/main-app.js"],"pages":{"/_app":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/_app.js"],"/_error":["static/chunks/webpack.js","static/chunks/main.js","static/chunks/pages/_error.js"]},"ampFirstPages":[]}
+self.__BUILD_MANIFEST={"polyfillFiles":["static/chunks/polyfills.js"],"devFiles":[],"ampDevFiles":[],"lowPriorityFiles":["static/development/_buildManifest.js","static/development/_ssgManifest.js"],"rootMainFiles":["static/chunks/webpack.js","static/chunks/main-app.js"],"pages":{"/_app":[]},"ampFirstPages":[]}

.next/server/pages-manifest.json

@@ -1,5 +1 @@
-{
-  "/_app": "pages/_app.js",
-  "/_error": "pages/_error.js",
-  "/_document": "pages/_document.js"
-}
+{}

.next/static/development/_buildManifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST = {__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/_error":["static\u002Fchunks\u002Fpages\u002F_error.js"],sortedPages:["\u002F_app","\u002F_error"]};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()
+self.__BUILD_MANIFEST = {__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},sortedPages:["\u002F_app"]};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()

app/api/route.ts

@@ -0,0 +1,26 @@
+import { NextResponse } from "next/server";
+
+export async function POST(
+  request: Request,
+) {
+  const { inputs } = await request.json()
+
+  const response = await fetch('https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-xl-base-1.0', {
+    method: 'POST',
+    body: JSON.stringify({
+      inputs,
+    }),
+    headers: {
+      Authorization: `Bearer ${process.env.NEXT_APP_HF_TOKEN}`,
+      'Content-Type': 'application/json',
+    },
+  })
+
+  const blob = await response.blob()
+  const headers = new Headers();
+
+  headers.set("Content-Type", "image/*");
+  
+  // or just use new Response ❗️
+  return new NextResponse(blob, { status: 200, statusText: "OK", headers });
+}

components/main/hooks/useInputGeneration.ts

@@ -8,19 +8,18 @@ export const useInputGeneration = () => {
     setLoading(true)
     return new Promise(async (resolve, reject) => {
       fetch(
-        'https://api-inference.huggingface.co/models/stabilityai/stable-diffusion-xl-base-1.0',
+        '/api',
         {
-          headers: {
-            Authorization: `Bearer {TOKEN}`,
-            'Content-Type': 'application/json',
-          },
           method: 'POST',
           body: JSON.stringify({
             inputs: prompt,
           })
         }
       )
-      .then((res) => console.log(res))
+      .then(res => {
+        console.log(res)
+        resolve(true)
+      })
       .finally(() => {
         setLoading(false)
         resolve(true)