al1abb/invoify

Next.js・TypeScript・React で構築した、アカウント不要・データ暗号化の無料 Web 請求書生成ツール

完成アプリ自由に使える · MITWeb・Next.js・フルスタックTypeScript難易度

6,311+1今週0 찜

720フォーク21Issue

デモ・公式サイトをひらくinvoify.vercel.app

中辛の解説

Next.js 15・TypeScript・React Hook Form・Zod で構築された請求書生成アプリです。13 種類のテンプレート、ライブプレビュー、18 言語対応、メール送信機能を備えています。データは AES-GCM 256 で暗号化され、ブラウザ内に保存されるため、プライバシーが守られます。Puppeteer でヘッドレスブラウザから PDF を生成する仕組みです。完全無料で、デモサイトですぐに試せます。

이런 레포예요

이럴 때 쓰면 좋아요

フリーランス・個人事業主が顧客へ送付する請求書を、登録なしですぐに作成・PDF 出力したいとき
サーバーにデータを預けたくない業務で、ブラウザ内完結の請求書管理が必要なとき
複数の請求書テンプレートから選んで、ブランド感のある PDF を短時間で生成したいとき

핵심 기능

13 種類の請求書テンプレートとライブプレビューAES-GCM 256 による暗号化ローカルストレージ・アカウント不要Puppeteer による本物の PDF 生成と 18 言語対応

대안 대비 차별점

サーバー側にデータを一切保存せず、ブラウザ内の非抽出可能な鍵で AES-GCM 暗号化するため、プライバシーと利便性が両立しており、ヘッドレス Chromium で実際のレイアウト処理を経た PDF を生成する点が他の同類ツールと異なります。

食べた人たち

実際に使ってみた人の記録です — 一言も完走の記録も、確認のうえで公開しています。

試食評 · 使った人のひとこと

まだ試食評がありません。使ってみたら、最初のひとことをどうぞ。

ほかのリポジトリの試食評を見る →

이 레포로 만든 것들

🖋 완주 인증하기

아직 이 레포로 만든 완주 인증이 없어요. 첫 밥도장을 찍어보세요!

このリポジトリの作り方

はじめてですか？むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

준비물

Node.js 20 以上
npm

すぐ動かしてみるNode.js (npm)

ギット飯がリポジトリの構成を確認して組み立てた実行コマンドです。ターミナルに貼り付ければ、取得から実行までまとめて進みます。

git clone --depth 1 https://github.com/al1abb/invoify.git &&
cd invoify &&
npm install &&
npm run dev

コードは自分の環境で動きます — はじめて見るリポジトリなら、中身にひととおり目を通してから実行するのがおすすめです。

README가 안내하는 자세한 단계 보기

Node.js 20 以上と npm がインストール済みであることを確認します。
リポジトリをクローンします。

git clone https://github.com/al1abb/invoify.git
cd invoify

依存パッケージをインストールします。

npm install

メール送信機能が不要な場合はこの手順をスキップ。必要な場合は .env.local ファイルを作成し、Gmail のアプリパスワードを設定します。

NODEMAILER_EMAIL=your-email@gmail.com
NODEMAILER_PW=your-app-password

開発サーバーを起動します。

npm run dev

ブラウザで http://localhost:3000 を開きます。

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try al1abb/invoify

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは？ →

スター推移 · 7日

6,311+1 / 7일

使いやすさ · まねしやすいか

サンプル評点 20/100

ゆるいライセンス
テストあり
サンプル集
最近の更新
AGENTS.md
llms.txt
テンプレート

更新の情報なし · 2023 年に作成

「웹·Next.js·풀스택」こういうリポジトリを毎週受け取りませんか？

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか？ README にギット飯バッジを貼る

[![깃밥](https://www.gitbap.com/badge/al1abb/invoify.svg)](https://www.gitbap.com/r/al1abb/invoify)

Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp

方法 ② プラグイン（試用まで）

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork

/plugin install gitbap-cowork@gitbap

つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る