AutomateGenKey - Tự động Generate Environment Variables

Ứng dụng Next.js giúp tự động generate file .env cho Frontend và Backend với các secret keys, JWT tokens, API keys và các biến môi trường khác.

Tính năng

• 🔐 Tự động generate secret keys an toàn
• 🎯 Templates cho các loại dự án khác nhau (Next.js, Vite, Express, Django, Laravel, etc.)
• ⚙️ Tùy chỉnh theo nhu cầu dự án
• 📥 Download trực tiếp file .env cho FE và BE
• 🎨 Giao diện hiện đại và dễ sử dụng
• 🔄 Preview trước khi download
• 💬 Hỗ trợ LINE Messaging API
• ⚡ Tự động detect Vite hoặc Next.js prefix

Cài đặt

npm install
# hoặc
yarn install

Chạy ứng dụng

npm run dev
# hoặc
yarn dev

Mở http://localhost:3000 trong trình duyệt.

Cách sử dụng

1. Chọn loại dự án (hoặc custom)
2. Nhập thông tin cơ bản (tên dự án, domain, database, etc.)
3. Chọn các features cần thiết (JWT, OAuth, Email, LINE, etc.)
4. Xem preview và tùy chỉnh
5. Download file .env cho Frontend và Backend

Project Templates

Frontend + Backend

Next.js Based:

• Next.js + Node.js - Full-stack với Next.js và Node.js backend

React Based:

• React + Express - React SPA với Express API
• Create React App + Express - CRA với Express backend (REACT_APP_ prefix)
• Create React App + Node.js - CRA với Node.js backend (REACT_APP_ prefix)

Vite Based:

• Vite + Express - Vite React với Express backend (VITE_APP_ prefix)
• Vite + Node.js - Vite app với Node.js backend (VITE_APP_ prefix)

Other Frameworks:

• Vue.js + Laravel - Vue.js với Laravel backend
• React + Django - React với Django REST framework

Backend Only

• Express.js API Only - Express REST API với JWT, Redis

Specialized

• E-commerce Full Stack - Template đầy đủ cho e-commerce (Stripe, Payment Gateway, S3, Redis, Cron)
• LINE Bot Application - Template cho LINE Messaging Bot với webhook (Vite/Next.js)
• CRA + LINE Bot - Create React App cho LINE Bot application
• LINE Works Bot Application - Template cho LINE Works bot integration

Custom

• Custom Project - Tùy chỉnh hoàn toàn theo nhu cầu

Features Hỗ trợ

Authentication & Security

• JWT - JSON Web Token authentication với refresh tokens
• OAuth - Google, Facebook, GitHub OAuth integration

Messaging & Communication

• Email - SMTP email configuration
  • Standard SMTP config (host, port, user, password)
  • Alternative naming (sender_email, mail_server, receive_email)
• LINE - LINE Messaging API & LIFF integration
  • Channel ID & Secret
  • Access Token
  • Webhook configuration
  • LINE Login
  • QR Code & Add Friend URLs
  • Rich Menu configuration
• LINE Works - LINE Works business messaging
  • OAuth2 authentication
  • Bot integration
  • API endpoints
  • Private key configuration

Infrastructure & Storage

• Redis - Redis caching configuration
• AWS S3 - S3 storage configuration

Payment Processing

• Stripe - Stripe payment (publishable & secret keys, webhooks)
• Payment Gateway - GMO Payment & Veritrans integration
  • GMO Payment Gateway (Site ID, Pass, Shop credentials, Base URL)
  • Alternative GMO naming (Username/Password format)
  • Veritrans/Midtrans (Client & Server keys)
  • Production mode toggle

Task Scheduling & Background Jobs

• Cron Jobs - Scheduled task configuration
  • Cron job enable/disable
  • Reminder scheduling
  • Test flags (one day, seven day, env test)

Additional Configuration

• System Information: App name, description, timezone (Asia/Tokyo)
• Manager Credentials: Admin and staff manager accounts
• Session Config: Cookie settings (secure, sameSite), session names
• Build settings: Sourcemap, runtime chunk optimization
• Development Tools: NGROK tunnel URI, test user credentials
• Server Config: Body size limits (50mb), file upload headers
• Database: Dialect detection, logging toggle

Environment Variables Prefix

• Next.js: NEXT_PUBLIC_ và NEXT_PUBLIC_APP_ cho frontend
• Vite: VITE_ và VITE_APP_ cho frontend
• Create React App: REACT_APP_ cho frontend
• Backend: Không có prefix

Công nghệ sử dụng

• Next.js 14
• TypeScript
• Tailwind CSS
• Crypto (Node.js built-in)