📧 AI Email Template Generator

Transform your email communication with AI-powered templates

🎯 Overview

AI Email Template Generator is a cutting-edge SaaS application that revolutionizes email creation. Built with Next.js and powered by Google's Gemini AI, it offers an intuitive platform for creating, customizing, and sharing professional email templates. Whether you're a marketer, business professional, or anyone who wants to streamline their email communication, this tool is designed to make your workflow more efficient.

✨ Key Features

🤖 AI-Powered Generation

• Smart email template generation using Gemini AI
• Context-aware suggestions and improvements
• Multiple template styles and tones

📝 Rich Text Editing

• Intuitive WYSIWYG editor
• Advanced formatting options
• Real-time preview

🎨 Drag & Drop Interface

• Easy template customization
• Component-based design
• Flexible layout options

💾 Template Management

• Save and organize templates
• Categories and tags
• Quick access to favorites

🔒 Secure Authentication

• OAuth integration with Clerk
• Multiple sign-in options
• Role-based access control

🔄 Sharing & Collaboration

• Unique sharing links
• Template version history
• Team collaboration features

🛠️ Technology Stack

Core Technologies

Technology	Purpose	Description
	Frontend Framework	React framework for production
	Authentication	Complete user management solution
	Backend & Database	Real-time backend infrastructure
	AI Engine	Advanced language model for email generation
	Styling	Utility-first CSS framework
	UI Components	Re-usable component library

🚀 Getting Started

Prerequisites

• Node.js 18.0.0 or later
• npm or yarn package manager
• Git

Installation

1. Clone the repository

   git clone https://github.com/nainee99/ai-email-template-generator.git
   cd ai-email-template-generator

2. Install dependencies

   npm install
   # or
   yarn install

3. Configure environment variables Create a .env.local file in the root directory:

   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
   CLERK_SECRET_KEY=your_clerk_secret_key
   NEXT_PUBLIC_CONVEX_URL=your_convex_url
   GEMINI_API_KEY=your_gemini_api_key

4. Start the development server

   npm run dev
   # or
   yarn dev

5. Open your browser Navigate to http://localhost:3000

📖 Usage Guide

Authentication

1. Sign up using email or OAuth providers
2. Complete your profile setup

Creating Templates

1. Navigate to the dashboard
2. Click "New Template"
3. Choose a template type or start from scratch
4. Use AI generation or manual editing
5. Customize using drag-and-drop components

Managing Templates

1. Save templates to your library
2. Organize with tags and categories
3. Share templates via unique links
4. Track usage and versions

🌐 Deployment

Vercel Deployment

1. Fork the repository
2. Connect to Vercel
3. Configure environment variables
4. Deploy

# Build for production
npm run build

# Deploy to Vercel
vercel deploy

🛡️ Security

• Secure authentication via Clerk
• Data encryption at rest and in transit
• Regular security audits
• GDPR compliance measures

🤝 Contributing

We welcome contributions! Please follow these steps:

1. Fork the repository
2. Create a feature branch

   git checkout -b feature/AmazingFeature

3. Commit your changes

   git commit -m 'Add some AmazingFeature'

4. Push to the branch

   git push origin feature/AmazingFeature

5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact

Nainee - @nainee99 - nainee909@gmail.com

Project Link: https://github.com/nainee99/ai-email-template-generator

---

Made with ❤️ using Next.js, Convex, Clerk, and Gemini AI

Report Bug · Request Feature