[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71372":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":35,"readmeContent":36,"aiSummary":37,"trendingCount":16,"starSnapshotCount":16,"syncStatus":38,"lastSyncTime":39,"discoverSource":40},71372,"invoify","al1abb\u002Finvoify","al1abb","An invoice generator app built using Next.js, Typescript, and Shadcn","https:\u002F\u002Finvoify.vercel.app",null,"TypeScript",6304,713,24,22,0,4,13,12,39.56,"MIT License",false,"master",true,[26,27,28,29,30,31,32,33,34],"invoice-app","invoice-generator","nextjs","nextjs13","react","react-hook-form","shadcn-ui","typescript","zod","2026-06-12 02:02:51","[![Discord](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDiscord-%40Invoify-000000?style=flat&logo=Discord&logoColor=#5865F2)](https:\u002F\u002Fdiscord.gg\u002FuhXKHbVKHZ)\n# Invoify\n\nInvoify is a web-based invoice generator application built with Next.js 13, TypeScript, React, and the Shadcn UI library. It provides an easy way to create and manage professional invoices.\n\n![Invoify Website image](\u002Fpublic\u002Fassets\u002Fimg\u002Finvoify-web-app.png)\n\n## Table of Contents\n\n- [Invoify](#invoify)\n  - [Table of Contents](#table-of-contents)\n  - [Technologies](#technologies)\n    - [Core Technologies](#core-technologies)\n    - [Additional Dependencies](#additional-dependencies)\n  - [Roadmap](#roadmap)\n  - [Demo](#demo)\n  - [Getting Started](#getting-started)\n    - [Prerequisites](#prerequisites)\n    - [Installation](#installation)\n  - [License](#license)\n\n\n## Technologies\n\n### Core Technologies\n\n- **Next.js:** React framework for SSR and client-side navigation.\n- **TypeScript:** JavaScript superset with static typing.\n- **Shadcn-UI:** UI library for enhanced visuals.\n- **Tailwind:** Utility-first CSS framework.\n- **React Hook Form:** Form management for React.\n- **Zod:** TypeScript-first schema validation.\n- **Puppeteer:** PDF generation with headless browsers.\n\n### Additional Dependencies\n\n- **Nodemailer:** Node.js module for sending emails.\n- **Lucide Icons:** Collection of customizable SVG icons.\n\n## Roadmap\n\n- [x] **Easily Create Invoices:** Utilize a simple form to quickly generate invoices.\n- [x] **Save for Future Access:** Store your invoices directly in your browser for easy retrieval.\n- [x] **Retrieve Invoices Effortlessly:** Load and access invoices seamlessly from your saved list.\n- [x] **Flexible Download Options:** Download invoices directly or send them via email in PDF format.\n- [x] **Template Variety:** Choose from multiple (currently 2) invoice templates.\n- [x] **Live Preview:** Edit the form and see changes in real-time with the live preview feature.\n- [x] **Export in Various Formats:** Export invoices in different formats, including JSON, XLSX, CSV, and XML.\n- [ ] **I18N Support:** i18n support with multiple languages for UI and templates.\n- [ ] **Themeable Templates:** Select a theme color for the invoice\n- [ ] **Custom Inputs:** Define your own inputs that are missing from the default invoice builder. (Ex: VAT number)\n- [ ] **Individual Tax for Line Items:** Add tax details for a specific line item other than the general tax\n\n## Demo\n\n> [!NOTE]\n> Please be advised that there are currently issues when using this application in the Mozilla Firefox browser. For more information, refer to [Issue #11](https:\u002F\u002Fgithub.com\u002Faliabb01\u002Finvoify\u002Fissues\u002F11).\n\nVisit the [live demo](https:\u002F\u002Finvoify.vercel.app) to see Invoify in action.\n\n## Getting Started\n\nFollow these instructions to get Invoify up and running on your local machine.\n\n### Prerequisites\n\n- Node.js and npm installed on your system.\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https:\u002F\u002Fgithub.com\u002Fal1abb\u002Finvoify.git\n   cd invoify\n   ```\n2. Install dependencies\n   \n   ```bash\n   npm install\n   ```\n3. Create an .env.local file with this content (This step is for sending pdf to email feature):\n   ```env\n   NODEMAILER_EMAIL=your_email@example.com\n   NODEMAILER_PW=your_email_password\n   ```\n4. Start development server\n\n    ```bash\n    npm run dev\n    ```\n5. Open your web browser and access the application at [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000)\n\u003C!-- LICENSE -->\n## License\n\nDistributed under the MIT License. See `LICENSE.txt` for more information.\n\n## Discord\nJoin the Discord server [here](https:\u002F\u002Fdiscord.gg\u002FuhXKHbVKHZ)\n","Invoify 是一个基于 Web 的发票生成器应用，使用 Next.js 13、TypeScript 和 Shadcn UI 库构建。其核心功能包括通过简单的表单快速创建和管理专业发票，并支持实时预览、多种模板选择以及多格式导出（如 PDF、JSON、XLSX、CSV 和 XML）。技术特点上，Invoify 采用了现代前端技术栈，如 React Hook Form 进行表单管理，Zod 进行类型安全验证，Puppeteer 用于生成 PDF 文件等。此外，它还允许用户在浏览器中保存和检索发票，方便未来访问。Invoify 适用于需要高效生成和管理发票的个人或小型企业场景，尤其适合那些寻求简化财务管理流程的用户。",2,"2026-06-11 03:37:25","high_star"]