dify/web
2024-02-06 12:23:54 +08:00
..
.husky feat: add code style (#242) 2023-05-29 17:49:01 +08:00
.vscode
app fix:update document title in Apps component (#2404) 2024-02-06 12:23:54 +08:00
assets fix: missing files (#2291) 2024-01-30 16:21:40 +08:00
bin
config chore: detect is function calling from model config (#2312) 2024-01-31 14:06:27 +08:00
context chore: detect is function calling from model config (#2312) 2024-01-31 14:06:27 +08:00
docker use pm2 to guard and monitor the web service in docker file (#2238) 2024-01-29 18:21:15 +08:00
hooks fix: cover missed source paths for eslint (#1956) 2024-01-08 18:06:23 +08:00
i18n fix:update document title in Apps component (#2404) 2024-02-06 12:23:54 +08:00
models chore: replace chat in web app (#2373) 2024-02-04 16:10:46 +08:00
public feat: logo (#1356) 2023-10-16 15:26:25 +08:00
service chore: replace chat in web app (#2373) 2024-02-04 16:10:46 +08:00
test/factories chore: remove unused code (#1989) 2024-01-11 11:08:32 +08:00
types chore: replace chat in web app (#2373) 2024-02-04 16:10:46 +08:00
utils fix: frontend security risk (#2355) 2024-02-02 15:24:17 +08:00
.dockerignore build: fix .dockerignore file (#800) 2023-08-11 18:19:44 +08:00
.editorconfig
.env.example
.eslintignore
.eslintrc.json web: Add style CI workflow to enforce eslint checks on web module (#1910) 2024-01-04 15:37:51 +08:00
.gitignore feat: support assistant frontend (#2139) 2024-01-23 19:31:56 +08:00
Dockerfile use pm2 to guard and monitor the web service in docker file (#2238) 2024-01-29 18:21:15 +08:00
global.d.ts feat: support assistant frontend (#2139) 2024-01-23 19:31:56 +08:00
next.config.js web: bump Next.js to 14.0 for faster local server startup (#1925) 2024-01-09 13:46:02 +08:00
package.json bump version to 0.5.3 (#2306) 2024-02-01 18:11:57 +08:00
postcss.config.js
README.md doc: Respect and prevent updating existed yarn lockfile when installing dependencies (#1871) 2024-01-03 15:27:19 +08:00
tailwind.config.js feat: create app show agent type tip (#2207) 2024-01-25 18:04:04 +08:00
tsconfig.json
typography.js
yarn.lock Feat: Add Top bar while routing different different pages (#2298) 2024-01-30 20:22:17 +08:00

Dify Frontend

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Run by source code

To start the web frontend service, you will need Node.js v18.x (LTS) and NPM version 8.x.x or Yarn.

First, install the dependencies:

npm install
# or
yarn install --frozen-lockfile

Then, configure the environment variables. Create a file named .env.local in the current directory and copy the contents from .env.example. Modify the values of these environment variables according to your requirements:

# For production release, change this to PRODUCTION
NEXT_PUBLIC_DEPLOY_ENV=DEVELOPMENT
# The deployment edition, SELF_HOSTED or CLOUD
NEXT_PUBLIC_EDITION=SELF_HOSTED
# The base URL of console application, refers to the Console base URL of WEB service if console domain is
# different from api or web app domain.
# example: http://cloud.dify.ai/console/api
NEXT_PUBLIC_API_PREFIX=http://localhost:5001/console/api
# The URL for Web APP, refers to the Web App base URL of WEB service if web app domain is different from
# console or api domain.
# example: http://udify.app/api
NEXT_PUBLIC_PUBLIC_API_PREFIX=http://localhost:5001/api

# SENTRY
NEXT_PUBLIC_SENTRY_DSN=

Finally, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the file under folder app. The page auto-updates as you edit the file.

Deploy

Deploy on server

First, build the app for production:

npm run build

Then, start the server:

npm run start

If you want to customize the host and port:

npm run start --port=3001 --host=0.0.0.0

Lint Code

If your IDE is VSCode, rename web/.vscode/settings.example.json to web/.vscode/settings.json for lint code setting.

Documentation

Visit https://docs.dify.ai/getting-started/readme to view the full documentation.

Community

The Dify community can be found on Discord community, where you can ask questions, voice ideas, and share your projects.