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 ホストに公開し、独自ドメインを割り当ててデモの中身を自分のデータに差し替える。
AIツール情報
DirectoryStackの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- 個人開発者：Next.js と Supabase に慣れていれば、フリーランス1週間分より安い金額でディレクトリのコード一式が手に入る。
- 小さな制作会社：自分で運営するディレクトリなら1ライセンスで足りる。クライアント案件はチーム向けか代理店向けの見積もりが要る。
- 技術者が身近にいる非技術系の創業者：日々の掲載追加や修正は管理画面で済むので、技術の出番は公開時の設定に集中する。
タスク
- 特定ジャンルのディレクトリを開く：カテゴリ、タグ、検索、絞り込みが最初からつながっているので、どの掲載を載せるかに時間を使える。
- 掲載枠を売る：有料掲載と Stripe のモジュールを使えば、無料の AI ディレクトリを課金制に変えられる。決済画面を自作する必要はない。
- 掲載をまとめて取り込む：URL 取り込みモジュールがサイトを巡回し、紹介文を書き、スクリーンショットと Favicon を集めて公開する。
- 記事を軸にしたディレクトリを作る：ブログモジュールとランディングページの部品があるので、別サイトを立てずに掲載の周りへ解説記事を置ける。
シーン
- 週末でディレクトリの企画を試す：公式のセットアップ動画は、ソース入手からドメイン公開まで約77分で進む。
- 納期の決まったクライアント案件：モジュール構成なので、仕様書に書かれた部分だけを有効にして余計な機能を載せずに済む。
- 検索流入を前提にした製品サイト：サーバー側レンダリング、サイトマップ、メタデータはテンプレート側で処理される。集客の主軸が自然検索なら効いてくる。
主な機能
コアと拡張に分かれたモジュール構成
テンプレートはコアモジュールと拡張モジュールに分かれる。コアは公開エリア、会員専用エリア、管理ダッシュボード、設定管理、法務ページ、行動追跡を担う。拡張はコメント、ソーシャルログイン、Webhook、一括アップロード、ブログ、決済を足す。案件に必要なものだけを入れるので、コードは読みやすいままだ。
掲載、カテゴリ、タグ
データモデルの中心は掲載で、閲覧と絞り込みのためにカテゴリとタグが付く。掲載ごとに独自フィールドを足せるため、店舗なら営業時間と車いす対応を、AI ツールなら料金と対応プラットフォームを保持できる。項目を増やし、サイドバーの絞り込みに出す手順はドキュメントに載っている。
行動追跡つきの管理画面
管理画面は掲載、ユーザー、カテゴリ、審査を一か所に集める。行動追跡は訪問者がディレクトリ内をどう動いたかを記録する。トップページで何を押し出すか、どのカテゴリの掲載を増やすかの判断材料になる。
決済と有料掲載
Stripe は専用モジュールで扱う。有料掲載の拡張は、企業が自分の掲載の所有権を買い取る仕組みで、ディレクトリ事業では定番の収益モデルだ。どちらも拡張側に入っているので、無料で始めてから課金を後で有効にできる。
AI による掲載の一括作成
URL をまとめて貼り、既定値を選ぶと、バックグラウンドの処理が各サイトを読み、掲載文を書き、スクリーンショットを撮り、Favicon を取得する。作者は初期ベータと明記し、bot 対策のあるサイトでは失敗することがあると注意している。数百のツールを載せる AI ディレクトリなら、文案づくりの数日分が浮く。
開発者向けの道具と Webhook
Cursor Rules は19のファイルで構成を示し、AI エディタの見当違いを減らす。カスタマイズの速度が変わる。Webhook 連携は 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の代替ツール
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
MePersona
MePersona, Inc. · ライティング · 生産性向上 · マーケティングMePersonaはクリエイター向けのAI統合受信箱だ。あなたの話し方を学習し、12プラットフォームに届くファンメッセージの返信を下書きして、承認したものだけを送る。
Fluence
Yay Software (Yannick Huchard) · ライティング · 音声・言語 · 生産性向上Fluence は Android 向けのドキュメントリーダーだ。PDF、EPUB、Word 文書、ウェブ記事を読み上げ、発話中の文を画面で追わせ、本文についての質問にも端末上で答える。