AdminForth
Devforth · 이미지 · 학습
AdminForth는 이미 쓰고 있는 데이터베이스를 그대로 Node.js 관리자 페이지로 바꾸는 오픈소스 프레임워크다. Vue 3 화면과 29개 플러그인, 에이전트용 MCP 서버를 갖췄다.
AdminForth 소개
About
AdminForth란
AdminForth는 운영 중인 데이터베이스를 바로 쓸 수 있는 백오피스로 바꾸는 관리자 패널 프레임워크다. 설정 파일에서 테이블 하나를 리소스로 선언하면 목록, 상세, 생성, 편집 화면이 만들어진다. 애플리케이션 옆에 별도 제품을 띄울 필요가 없다. 관리자 패널 자체가 평범한 Node.js 앱으로 자기 저장소 안에 들어가기 때문이다.
이 점이 생각보다 크게 작용한다. 패널이 그냥 코드라서 누군가 컬럼이나 권한 규칙을 추가했을 때 리뷰하는 사람이 diff를 그대로 읽을 수 있다. 코딩 에이전트도 마찬가지로 읽는다. 그래서 생성되는 프로젝트에는 AGENTS.md, CLAUDE.md, llms.txt, skills 폴더가 처음부터 들어 있다. 개발사인 Devforth는 이를 에이전트 중심 관리자 패널이라고 부르는데, 파일 구조를 보면 수긍이 간다.
구성은 서버 쪽 Node.js와 TypeScript, 브라우저 쪽 Vue 3와 Tailwind CSS다. Postgres, MySQL, SQLite, MongoDB에 연결하며 이미 있는 스키마 위에서 동작한다. 데이터를 별도 형식으로 복사하지 않는다. 한계도 분명하다. 개발자용 도구다. 팀에 자바스크립트를 쓰는 사람이 없으면 AdminForth로는 패널을 얻지 못한다. 노코드 호스팅 서비스라면 얻는다.
시작하는 방법
- 빈 폴더에서
npx adminforth create-app를 실행하고 데이터베이스 연결에 관한 질문에 답한다. - 생성된 리소스 정의 파일을 열고 첫 테이블을 선언한다. 컬럼, 타입, 목록과 편집 폼에 보일 필드를 정한다.
- 개발 서버를 띄우고 만들어 둔 관리자 계정으로 로그인한 뒤 필터, 정렬, 폼 동작을 확인한다.
- 로그인, 업로드, 감사 로그, 에이전트 접근 같은 플러그인을 붙인다. npm 패키지를 설치하고 설정에 한 줄을 더하면 된다.
- 다른 Node 서비스처럼 배포한다. 자기 도메인과 TLS 인증서 뒤에 두면 된다.
제품 정보
AdminForth의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- Node.js와 TypeScript 개발자
- 플랫폼 엔지니어가 없는 작은 제품 팀
- 고객사용 내부 도구를 만드는 대행사
작업
- 스프레드시트 운영을 대체하기
- Postgres나 MySQL 스키마에 CRUD 붙이기
- 에이전트에 범위가 정해진 쓰기 권한 주기
- 사내 집계 화면 만들기
활용 상황
- 이번 주에 MVP 백오피스를 열어야 할 때
- 고객 데이터를 자체 인프라에 두어야 할 때
- 비개발자 운영자에게 패널을 넘길 때
주요 기능
선언형 리소스 설정
리소스는 평범한 객체다. 데이터 소스, 테이블 이름, 그리고 컬럼 배열이 들어간다. 각 컬럼에는 필수, 고유, 선택지 정의, 어느 화면에 보일지를 적는다. 이 객체가 해당 테이블 패널의 전부를 결정한다. 평범한 코드라서 저장소의 다른 부분과 똑같이 리뷰와 버전 관리를 거친다. 에이전트도 별도 언어를 배우지 않고 확장할 수 있다.
기존 스키마 그대로 쓰기
AdminForth는 이미 운영 중인 데이터베이스를 가리킨다. Postgres, MySQL, SQLite, MongoDB 중 하나다. 행을 자체 저장소로 가져오지 않고 스키마를 읽는다. 그래서 마이그레이션, 백업, 접근 정책은 팀이 원래 관리하던 자리에 남는다. 대신 희귀한 컬럼 타입이나 무거운 트리거 로직은 직접 만든 필드 컴포넌트가 필요할 수 있다.
에이전트용 MCP 서버
MCP 서버 플러그인은 리소스를 도구로 바꾼다. Claude Code, Codex, Gemini CLI, 그 밖의 MCP 클라이언트가 호출할 수 있다. 에이전트마다 별도 시크릿을 발급하고 개별로 폐기한다. 모든 호출은 시크릿을 만든 사용자로 실행된다. 권한, 검증, 훅이 그대로 적용되므로 에이전트가 대신하는 사람보다 많은 일을 할 수는 없다.
인증과 권한 관리
로그인, 역할, 권한은 프레임워크에 들어 있다. 그 위에 OAuth2와 OpenID 싱글 사인온을 더할 수 있다. Google, GitHub, Microsoft, Keycloak, 자체 공급자를 지원한다. TOTP와 패스키 2단계 인증, 기기별 세션 폐기, 캡차, 비밀번호 재설정도 갖춰져 있다. 모두 npm 플러그인과 설정 한 줄로 들어온다.
npm 패키지로 제공되는 29개 플러그인
카탈로그는 보통 일주일을 잡아먹는 작업을 덮는다. CSV와 XLSX 가져오기 및 내보내기, S3 업로드, 리치 텍스트와 Markdown 편집기, 다대다 필드, 재시작 후에도 이어지는 백그라운드 작업, AI로 데이터 일괄 채우기, 대시보드, 언어 모델로 인터페이스 번역하기가 포함된다. 각각 별도 패키지라 필요한 것만 설치한다.
Vue 3 컴포넌트로 만드는 사용자 페이지
설정만으로 부족하면 Vue 3 컴포넌트를 작성해 페이지, 대시보드 위젯, 컬럼 렌더러로 붙인다. 어떤 npm 패키지든 안에서 쓸 수 있고 Tailwind가 기본 화면과 스타일을 맞춰 준다. 여기까지 오면 패널은 템플릿이 아니라 제품의 내부 도구가 된다.
장단점
장점
- MIT 라이선스 기반 오픈소스 관리자 패널이라 기능을 붙잡아 두는 유료 버전이 없다.
- 패널이 저장소 안의 평범한 Node.js 앱이라 변경이 리뷰 가능한 diff로 남는다.
- 기존 데이터베이스 위에서 동작하며 데이터를 복사하거나 다시 만들지 않는다.
- 인증, 2단계 인증, 싱글 사인온, 감사 로그, 업로드가 직접 개발이 아니라 플러그인으로 끝난다.
- MCP 서버가 에이전트에 실제 접근 권한을 준다. 시크릿은 에이전트별로 관리하고 권한 규칙은 화면과 같다.
단점
- 자바스크립트와 TypeScript 지식이 필요하다. 비개발자용 끌어다 놓는 도구는 없다.
- 설정 범위를 넘는 화면 조정은 Vue 3 코드를 직접 쓰는 일이 된다.
- 셀프 호스팅이라 배포, 백업, 업그레이드가 팀 몫이다. 문제가 생겼을 때 부를 벤더가 없다.
- 기본 권한보다 세밀한 레코드 단위 규칙은 직접 관리하는 훅이 필요하다.
자주 묻는 질문
무료다. MIT 라이선스에 셀프 호스팅만 지원하고 유료판이 없다. 비용은 자기 서버와, AI 플러그인을 쓸 때 공급자가 청구하는 모델 호출료뿐이다.
관련 콘텐츠
AdminForth와 관련된 도구, 스킬, 아티클을 살펴보세요.
AdminForth 대안
Tractionwave
TractionWave · 이미지 · 마케팅TractionWave는 정적 광고용 AI 어텐션 히트맵 도구다. PNG나 JPG를 올리면 예측된 시선 위치, 순위가 매겨진 핫스팟, 수정안이 나온다. 예산을 집행하기 전에 판단하는 데 쓴다.
Imejis.io
Imejis.io · 이미지 · 마케팅Imejis.io는 에이전트와 마케팅 팀을 위한 AI 디자인 스튜디오다. 평소 쓰는 말로 이미지를 설명하면 문구를 쓰고 레이아웃을 잡은 뒤 모든 크기로 다시 배치하고 완성 파일을 내보낸다.
Layoutr
Van Dijk Ontwikkeling · 이미지 · 중국 AILayoutr는 브라우저에서 도는 평면도 툴이다. 가진 평면도를 실제 축척에 맞추고, 실물 크기 가구를 놓고, 방을 3D로 확인한 뒤 AI로 렌더링한다.