Guides

How to add AI to a static site, host by host and feature by feature. Each guide is a complete walkthrough with code and answers the follow-up questions.

• Add AI to a GitHub Pages site
  How do I add AI to a GitHub Pages site without a backend?
• Add AI to an Astro site
  How do I add AI features to an Astro site without server endpoints?
• Add AI to a Hugo site
  How do I add an AI feature to a Hugo site?
• Add AI to a Jekyll site
  How do I add AI to a Jekyll blog?
• Add AI to a single HTML file
  How do I call an AI model from a plain HTML file without a server?
• Add 'ask the docs' AI search to a documentation site
  How do I add AI question answering to a static documentation site (VitePress, Docusaurus, MkDocs, Starlight)?
• Add a TL;DR summary button to blog posts
  How do I add an AI summary button to my blog posts?
• Translate a web page on the fly with AI
  How do I let visitors translate my static page into their language?
• Is it safe to put an AI API key in a static HTML page?
  Can I put my OpenAI or Anthropic API key in client-side JavaScript?
• Ways to add AI to a static site, compared
  What are the options for adding AI to a static website, and which should I use?

Missing a host or a feature? Email support@odysseyx.app and we will write it.