DirectoryStack
The Keyword Company · 글쓰기 · 마케팅 · 비즈니스 · 기타
DirectoryStack은 Next.js 15로 디렉터리 사이트를 만드는 유료 템플릿이다. 목록, 관리자 화면, 결제, AI 가져오기 모듈을 한 번 결제로 묶었다.
DirectoryStack 소개
About
DirectoryStack이란
DirectoryStack이 파는 것은 코드이지 호스팅 서비스가 아니다. The Keyword Company에서 라이선스를 사고, 소스를 내려받고, 자기 데이터베이스에 연결해 배포한다. 기반은 Next.js 15, TypeScript, Tailwind, 그리고 인증과 데이터를 맡는 Supabase다.
핵심은 속도다. 디렉터리 프로젝트는 대개 같은 작업에서 멈춘다. 목록 데이터 모델, 카테고리, 태그, 검색, 회원 계정, 검수, 관리자 화면, 결제 흐름. 디렉터리 보일러플레이트가 이 부분을 미리 채워 두므로, 첫 주를 배관 공사 대신 자기 분야와 콘텐츠에 쓸 수 있다.
한계도 분명하다. 개발자용 제품이다. 문서를 읽고 환경 변수를 설정하고 마이그레이션을 돌려야 하며, 호스팅 비용은 라이선스와 별도다. 무료로 코드를 살펴볼 방법이 없어서 사야만 구조를 볼 수 있다. 버전 2는 전체를 다시 쓴 결과물이라 버전 1에서 만든 커스터마이징은 그대로 넘어가지 않는다.
시작하기
- 공식 사이트에서 Foundation 또는 Foundation Plus 라이선스를 사고 계정에서 소스 압축 파일을 내려받는다.
- Node.js와 패키지 관리자를 설치한 뒤 프로젝트 폴더에서 설치 명령을 실행한다.
- Supabase에서 프로젝트를 만들고 API 키를 환경 변수 파일에 넣은 다음 데이터베이스 초기 설정을 돌린다.
- 로컬 개발 서버를 띄우고 목록을 몇 개 직접 추가해 검색, 카테고리, 태그가 작동하는지 확인한다.
- Vercel이나 다른 Node 호스트에 배포하고 도메인을 연결한 뒤 데모 콘텐츠를 자기 데이터로 바꾼다.
제품 정보
DirectoryStack의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- 1인 개발자
- 작은 제작사
- 기술자가 곁에 있는 비개발 창업자
작업
- 특정 분야 디렉터리 열기
- 목록 자리 판매
- 목록 대량 등록
- 콘텐츠로 트래픽 모으기
활용 상황
- 주말에 디렉터리 아이디어 검증하기
- 마감이 정해진 고객사 프로젝트
- 검색 유입을 노리는 제품 사이트
주요 기능
코어와 확장으로 나뉜 모듈 구조
템플릿은 코어 모듈과 확장 모듈로 갈린다. 코어는 공개 영역, 회원 전용 영역, 관리자 대시보드, 설정 관리, 법적 고지 페이지, 활동 추적을 담당한다. 확장은 댓글, 소셜 로그인, 웹훅, 대량 업로드, 블로그, 결제를 더한다. 프로젝트에 필요한 것만 넣으므로 코드가 읽히는 상태로 남는다.
목록, 카테고리, 태그
데이터 모델의 중심은 목록이고, 탐색과 필터를 위해 카테고리와 태그가 붙는다. 목록마다 사용자 정의 필드를 넣을 수 있어서 지역 업체는 영업시간과 휠체어 접근 여부를, AI 도구는 가격과 지원 플랫폼을 담는다. 필드를 추가하고 사이드바 필터로 노출하는 방법은 문서에 나온다.
활동 추적이 붙은 관리자 화면
관리자 화면은 목록, 사용자, 카테고리, 검수를 한곳에 모은다. 활동 추적은 방문자가 디렉터리 안을 어떻게 움직이는지 기록한다. 첫 화면에 무엇을 밀어줄지, 어느 카테고리에 목록을 더 채울지 판단하는 근거가 된다.
결제와 유료 등재
Stripe는 전용 모듈로 붙는다. 유료 등재 확장은 기업이 자기 목록의 소유권을 돈을 내고 가져가는 구조로, 디렉터리 비즈니스에서 흔한 수익 모델이다. 둘 다 확장 묶음에 있어서 무료로 시작하고 과금은 나중에 켤 수 있다.
AI로 목록 한꺼번에 만들기
URL을 여러 개 붙이고 기본값을 고르면 백그라운드 작업이 각 사이트를 읽고 목록 문구를 쓰고 스크린숏을 찍고 파비콘을 가져온다. 제작자는 초기 베타라고 밝히며 봇 차단이 있는 사이트에서는 실패할 수 있다고 알린다. 도구 수백 개를 담는 AI 디렉터리라면 문구 작성에 들 날이 줄어든다.
개발자 도구와 웹훅
Cursor Rules는 프로젝트 구조를 설명하는 19개 파일로 제공돼 AI 편집기의 헛발질을 줄인다. 커스터마이징 속도가 달라진다. 웹훅 연동은 Zapier, n8n, Make를 연결하고, QStash 모듈은 오래 걸리는 작업을 큐로 넘겨 Vercel 함수 시간 제한에 잘리지 않게 한다.
장단점
장점
- 한 번 결제하고 구독은 없다. 개인 라이선스로도 디렉터리 수에 제한이 없다.
- 기술 스택이 최신이다. Next.js 15, TypeScript, Supabase는 이미 많은 팀이 쓰는 조합이다.
- 모듈 구조라서 쓰지 않을 결제나 블로그 코드를 떠안지 않는다.
- 문서와 77분 분량의 설치 영상이 있어 구매에서 공개까지 경로를 따라갈 수 있다.
- 확장이 실제 수익과 연결된다. 유료 등재, Stripe 결제, pledge를 통한 스폰서 노출을 갖췄다.
단점
- 무료 플랜도 체험판 다운로드도 없다. 결제 전에는 코드 한 줄도 볼 수 없다.
- 호스팅, 데이터베이스, 도메인 비용이 라이선스와 별도이고 Supabase 무료 한도에는 제약이 있다.
- Foundation 구매자는 확장을 따로 사야 해서 합계가 Foundation Plus보다 비쌀 수 있다.
- 버전 2는 버전 1과 호환되지 않아 기존 커스터마이징은 다시 만들어야 한다.
자주 묻는 질문
Next.js 15 디렉터리 사이트의 전체 소스, 고른 등급에 포함된 모듈, 문서, Discord 커뮤니티 접근 권한을 받는다. 호스팅 계정도 월 요금도 없다.
관련 콘텐츠
DirectoryStack와 관련된 도구, 스킬, 아티클을 살펴보세요.
DirectoryStack 대안
Emailwritr
Emailwritr · 글쓰기 · 마케팅Emailwritr는 이미 보유한 리스트에서 더 많은 매출을 끌어내려는 제휴 마케터, 강의 제작자, 온라인 사업자를 위해 만든 AI 이메일 카피라이팅 도구다. 빈 페이지나 일반적인 챗봇 프롬프트 대신, 이 AI 이메일 작성 도구는 잘 알려진 다이렉트 리스폰스 카피라이터를 본뜬 프레임워크로 웰컴 시퀀스, 런칭 캠페인, 장바구니 이탈 이메일, 프로모 시리즈를 생성한다. 오토리스폰더를 연결하고 제안에 관한 몇 가지 질문에 답하면 나머지 문구를 대신 써 준다.
Swms
Swms AI · 글쓰기 · 생산성 · 비즈니스Swms는 작업에 대한 간단한 설명을 바로 쓸 수 있는 안전 문서로 바꿔 주는 AI 안전 컴플라이언스 도구다. 프로젝트, 직종, 이미 알고 있는 위험을 설명하면 안전 작업 방법 명세서, 작업 위험 분석, 안전 작업 절차서, RAMS, 안전 데이터 시트를 몇 초 만에 작성한다. 어떤 언어로든 산업 안전 질문에 답하는 채팅 어시스턴트 Oscar도 함께 제공된다. 건설, 광업, 운송, 창고 팀은 작업일을 잡아먹는 서류 작업을 줄이려고 이 도구를 쓴다.
Prosp
Prosp · 글쓰기 · 음성 및 언어 · 마케팅Prosp는 에이전시와 영업팀을 위해 만들어진 AI LinkedIn 아웃리치 도구다. 잠재 고객마다 자신의 목소리로 메시지와 음성 메시지를 작성해, 상대가 실제로 답장하도록 만든다. 계정을 연결하고 리드를 찾고, AI가 개인화된 메시지를 대량으로 작성해 보내도록 맡긴다. 전부 하나의 받은편지함에서 처리한다. 대량으로 아웃바운드를 돌리는 사람을 위해 만들어졌다. 그게 이 제품의 전부다. 그래도 모든 접점은 인간처럼 느껴져야 한다.