File size: 1,118 Bytes
7948ff4
 
838a15b
7948ff4
 
 
 
 
 
 
 
 
2ec3431
 
7948ff4
 
 
 
 
 
 
 
 
 
 
 
 
43dd1ac
 
 
 
2ec3431
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
---
title: VideoChain-UI
emoji: πŸŽ¬πŸ”—
colorFrom: "#1a1b1c"
colorTo: "#acb1b5"
sdk: docker
pinned: false
app_port: 3000
---

This is the frontend interface to VideoChain-API, a server to generate videos using AI.

This space cannot be easily duplicated yet, as you will have to configure a lot of things
to make it work (you need the API, you need separate spaces for upscaling, interpolation etc)
## Getting Started

First, run the development server:

```bash
npm run dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Things to know

Next will cache the API calls!
So be careful about this (this is why we invalidate them in the fetch() method)

## Environment variable

```
NEXT_PUBLIC_BASE_URL=http://localhost:3000
VC_VIDEOCHAIN_API_URL=http://localhost:7860
VC_SECRET_ACCESS_TOKEN=***SECRENT***
```