Odeo

The AI chatbot for Next.js

Odeo answers questions about your product, accounts and documentation in your Next.js app, around the clock. Embedded with one script tag, no npm package.

  • In the root layout of the App Router or in the Pages Router
  • Page control also works when pages change without a reload
  • Just as simple in React, Vue, Nuxt or Angular
See pricing Talk to us
  • Hosting and data in Switzerland1
  • Set up in under 30 minutes2
  • From CHF 39 per month3

Odeo · AI assistant

your-website.com

Example

How do I export my invoices as CSV?

Under Settings › Billing you will find “Export”. Choose the period and the CSV format.

Runs on Next.js

No npm package needed

On your Next.js website in three steps

  1. 1Enter your website URL

    Odeo reads your website and builds the knowledge base from it. You add PDFs and documents in the client portal.

  2. 2Tailor it in the client portal

    Colours, tone, role and behaviour, plus the pages on which the chatbot appears.

  3. 3Add the script tag

    Add the line to the <body> of the root layout app/layout.tsx, or include it with the next/script component. In the Pages Router it goes into pages/_document.tsx.6

Add it to

app layout.tsx

inside <body> of the root layout, or with next/script

Your line of code, with your key in the client portal

<script
  src="https://chat.sidora.ch/widget/chatbot.js"
  data-api-key="Your key" async></script>
No npm package needed If needed, we support you with the setup.

What Odeo does on your Next.js website

  • Support inside the app

    Odeo answers questions about accounts, billing and features right where they come up.

    More about this feature

  • Answers from your documentation

    Odeo makes manuals, changelogs and help articles searchable via chat.

    More about this feature

  • Interest on the pricing page

    Odeo answers questions about plans and hands qualified inquiries to your CRM.

    More about this feature

Data directly from Next.js

Odeo reads public pages and documentation automatically. For data from your app, such as account status or orders, we connect Odeo directly to your API or backend, without middleware. Direct connections are quoted per project.

  • Directly via existing interfaces such as REST API and webhooks
  • No middleware such as n8n or Zapier, no detours
  • If there is no interface, Sidora AG builds it
  • Direct integrations are quoted per project
How the direct integration works
Odeo
No middleware
  • Your API
  • Route handlers
  • Backend
  • Webhooks
  • Your application Interface built by Sidora AG

Frequently asked questions

Answered briefly. We are happy to clarify anything else in person.

Get in touch +41 44 500 25 55
Do I need an npm package for Odeo?

No. Odeo is embedded with one script tag, in the root layout or with next/script. There is no npm package to install or update.

Does page control work when pages change without a reload?

Yes. Even when Next.js switches pages on the client without reloading, the chatbot only appears on the pages you have set in the client portal.

App Router or Pages Router: where does the line go?

In the App Router into the root layout app/layout.tsx, in the Pages Router into pages/_document.tsx. In both cases you can use the next/script component instead.

Will Odeo slow down my Next.js website?

No. The script loads asynchronously and does not hold up your pages. You control which pages the chatbot appears on in the client portal.

More platforms

All integrations

Odeo in your Next.js app.

Embedded without an npm package, tailored in the client portal. We are happy to advise you on connecting your API.

Get started Discuss integration

Developed and operated by Sidora AG, Winterthur

Notes

  1. Data residency in Switzerland applies as long as a local LLM is used. We run local LLMs such as Apertus, Llama or Mistral in Switzerland on request in the Enterprise plan.
  2. Typical set-up time for the website chatbot without connecting business applications.
  3. Starter plan, billed yearly. Billed monthly: CHF 49 per month.
  4. Requires a platform that allows custom code; some website builders only allow this on paid plans. All trademarks belong to their owners. Naming them shows technical compatibility, not a partnership.