Documentation

Everything you need to know about using Jupiter Horizons effectively

Quick Start Guide

Jupiter Horizons is a comprehensive toolkit for React developers. Get started by exploring our main features:

  1. Component Generator - Create React components with AI assistance
  2. SEO Toolkit - Generate meta tags and analyze SEO performance
  3. Data Seeder - Generate and seed test data to databases
  4. Config Generator - Create essential web configuration files

Authentication Setup

Jupiter Horizons uses Firebase Authentication with Google Sign-In support. Your account provides:

  • Secure access to all tools and features
  • Personal data storage and export capabilities
  • Usage tracking and billing integration
  • Account linking with multiple providers

Creating Components

The Component Generator uses AI to create React components based on your specifications:

  1. Describe your component requirements in natural language
  2. Choose your preferred styling approach (Tailwind, CSS Modules, or Inline)
  3. Select component type and complexity level
  4. Generate and preview your component
  5. Export as individual files or complete packages

Firestore Integration

Seed data directly to your Firebase Firestore database:

  • Uses Firebase Admin SDK for secure server-side operations
  • Supports batch operations for large datasets
  • Automatic timestamp and user tracking
  • Configurable collection names and data structures

Deployment Guide

Jupiter Horizons is optimized for deployment on Vercel with the following environment variables:

  • NEXT_PUBLIC_SITE_URL - Your site's canonical URL
  • FIREBASE_* - Firebase configuration and admin credentials
  • STRIPE_* - Stripe payment processing keys
  • NEXT_PUBLIC_STRIPE_* - Public Stripe configuration

Need Help?

If you need additional assistance, check out our tutorials or visit the help center.