I’m keeping your app minimal and secure. The AI integration uses the AI SDK with xAI’s Grok model xai('grok-3'), which standardizes requests and is ready for streaming later 1.

How to connect your keys securely

• Do not paste secrets into the code. Set them as environment variables on your deployment or in your local dev environment.

• Required variables:

  • XAI_API_KEY = your Grok key (gsk_…)
  • AIRTABLE_API_KEY = your Airtable PAT (pat…)
  • AIRTABLE_BASE_ID = your base ID (e.g., appXXXXXXXXXXXXXX)
  • AIRTABLE_TABLE = your resources table name (e.g., resources)

Once set, the app will:

• Parse prompts with Grok via the AI SDK using xai('grok-3') 1.
• Query Airtable live and rank results to produce 3 tools, 2 guides, 1 template.

Need help finding your Airtable Base ID or Table?

• Open Airtable → Base → Help → API documentation to find the Base ID (starts with “app…”).
• Use the table name shown in your base (e.g., “resources”).

You’re all set. After the envs are added, generation will be Grok-powered and live-curated from Airtable, keeping the minimal, fast UX we designed 1.

Thumbnails behavior

• Guides with YouTube video URLs: We derive the thumbnail with img.youtube.com/vi/id/hqdefault.jpg automatically.
• Guides without a direct YouTube video URL: We use a tasteful placeholder image, and Airtable can optionally provide a "thumbnail" field to override it.
• This preserves a minimal UI while improving scannability of guides on mobile.

Would you like me to also fetch Open Graph images for non-YouTube links on the server for richer thumbnails, or keep it strictly minimal?