Next.js

An SEO blog for Next.js without a CMS

If your site is Next.js you probably do not want a CMS bolted on just to have a blog. Bora exposes your published articles as a JSON feed with a private key; you fetch it in a server component and render it however your site already looks.

What you need

  • A Next.js app — App Router or Pages Router
  • One API key, which Bora generates for you
  • About fifteen minutes

Connecting Next.js

  1. 1Connect Bora and copy the generated snippet — it is a server component that fetches the feed.
  2. 2Drop it into app/blog/page.tsx and app/blog/[slug]/page.tsx.
  3. 3Set revalidate to whatever freshness you want; hourly is plenty for daily publishing.
  4. 4Deploy. New articles appear on their own from then on.
What usually goes wrong

The feed is designed for ISR, not client fetching

The endpoints set cache headers meant to be consumed by a server component with revalidation, so your pages stay static and fast. Fetching from the browser would expose the key and cost you the static render — the snippet we generate does it on the server.

What Bora does on Next.js

  • JSON feed with full article HTML — supported
  • Per-article endpoint for detail pages — supported
  • Markdown endpoint if you render your own — supported
  • RSS and sitemap for the feed — supported
  • Writing files into your repository — not supported

Bora also publishes to

Add an auto-updating SEO blog to your Next.js site · Bora