Startup Starter Kits
  • Launch Manual
    • Clone the Repository and Install Dependencies
    • Generate NextJS Apps or Components Using ssk-plugin
    • Start Your Project in Development Mode
    • Configure Your Environment Variables
    • Run Your Project in Production Mode Locally
    • Launch Your Project
  • SSK-Core Features
    • UI Components
    • Root Layout
    • SEO
    • Icons
    • Feature Flags
    • Utilities
    • Templates
      • Privacy Policy Template
      • Terms of Service Template
  • SSK-Pro Features
    • AI Chat Integration
      • Setting Up AI Providers
      • Using the Pre-built Chat Component
      • Securing Chatbot Conversations
      • Testing and Customizing AI Responses
    • Google Analytics
      • Setting Up Google Analytics
      • Implementing Pageview Tracking
      • Handling Cookie Consent
      • Tracking Events
    • Payments Integration
      • Stripe Payments
        • Setting Up Your Stripe Account
        • Installing Stripe in Your Application
        • Implementing in Your Project
      • Lemon Squeezy
        • Setting Up Lemon Squeezy Account
        • Configuring the Webhook Endpoint
        • Testing and Verifying Integration
    • Affiliate Marketing
      • Lemon Squeezy
      • Rewardful
    • Form and reCAPTCHA
      • Setting Up reCAPTCHA
      • Integrating reCAPTCHA with Forms
      • Verifying reCAPTCHA on the Backend
      • Environment Variables for reCAPTCHA
      • Testing reCAPTCHA Integration
    • Email Integration with Nodemailer
      • Setting Up Email Server
      • Sending Contact Requests
    • Authentication
      • Auth with Google
      • Implement Auth0
  • SSK-Core GitHub Repo
  • SSK-Pro GitHub Repo
  • Contact Support
  • Three Tech Consulting
  • SSK-License
Powered by GitBook
On this page
  • Step 1 - Configure Your AI Provider
  • Step 2 - Wrapping Your App with the AI Provider
  1. SSK-Pro Features
  2. AI Chat Integration

Setting Up AI Providers

Chapter 1:

Step 1 - Configure Your AI Provider

  1. Set up your account with OpenAI or another AI provider.

  2. Obtain your API Key and add it to your .env file.

OPENAI_API_KEY=your-openai-api-key
CHAT_BOT_MODEL=gpt-4

Step 2 - Wrapping Your App with the AI Provider

In SSK-Pro, the @pro/RootLayout component handles wrapping your entire app in the AI provider. This ensures that AI services, such as chatbots or dynamic content generation, are available throughout your application without additional manual setup.

Simply configure the environment variables, and the AI provider will be globally accessible through the @pro/RootLayout component.

By following these steps, you will have your AI provider integrated into your application. For more information on additional configurations and AI provider support, visit the SSK-Pro documentation.

PreviousAI Chat IntegrationNextUsing the Pre-built Chat Component

Last updated 7 months ago