[Langchain] Langchain hub ui - 랭체인 허브 프론트

  글을 쓰는 시점 Lanchain 의 버젼은 0.0.155까지 올라 갔습니다. 거의 매주 버젼이 차츰 차츰 올라 가고 있습니다. 저도 소스를 분석 해 가며서 이것 저것 해보느라 정말 바쁘네요. 딱 Langchain에 대해서만 학습이나 연구를 하면 괜찮은데... 다른업무까지 병행하면서 하는건 정말이지 힘든 일인듯 합니다.

 

랭체인 허브(langchain hub)

Taking inspiration from Hugging Face Hub, LangChainHub is collection of all artifacts useful for working with LangChain primitives such as prompts, chains and agents. The goal of this repository is to be a central resource for sharing and discovering high quality prompts, chains and agents that combine together to form complex LLM applications.
We are starting off the hub with a collection of prompts, and we look forward to the LangChain community adding to this collection. We hope to expand to chains and agents shortly.

해당 포스트는 랭체인 허브를 Front를 구성 하기 위한 UI 페이지 깃허브 소개 입니다.

 

https://github.com/fanahova/langchain-hub-ui

GitHub - FanaHOVA/langchain-hub-ui: A web UI for LangChainHub, built on Next.js

 

소스 복사

mkdir langchain-hub-ui
cd langchain-hub-ui
git clone https://github.com/FanaHOVA/langchain-hub-ui.git

 

패지키 설치

npm install

 

예제에서는 pgsql를 사용 하여, docker 간단하게 하나 띄워줍니다.

컨테이너 생성
docker run -p 5432:5432 --name postgres -e POSTGRES_PASSWORD=1q2w3e4r5t -d postgres

container 접속
docker exec -it postgres /bin/bash

pgsql 접속
$pgsql -upostgres

database 생성
$create databases langchain

 

 

.env.example 수정

mv .env.example .env



### These env vars are for authentication & database to work. If you don't require them, feel free to enter dummy values for all these.

# Create a free PostgreSQL database with 2 clicks (no account needed): https://dev.new/
DATABASE_URL=postgres:1q2w3e4r5t@localhost:5432@langchain

# Follow the instructions here to create a Google OAuth app: https://refine.dev/blog/nextauth-google-github-authentication-nextjs/#for-googleprovider-make-sure-you-have-a-google-account
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

# Only for production – generate one here: https://generate-secret.vercel.app/32
NEXTAUTH_SECRET=tset

 

 

pgsql에 prisma 기본 설정 되어져 있어서.. 프로젝트 시작전에 마이그에이션 하면.. 이미 준비된 스키마를 등록 할 수 있다.

npm run migrate

 

 

그리고 프로젝트 개발 모드로 실행 하면 https://localhost:3000 에서 langchain hub ui를 확인 할 수 있다.

npm run dev

 

 

간단한 소개는 여기서 마무리 하고, langchain hub에 crud  및 langchin에서 사용 하는 방법에 대해서 작성해 보도록 하겠다.