logo
Start free

Vercel guide

How to add a blog to a website hosted on Vercel

Whatever your site is built with, Vite, React, Astro, SvelteKit or plain HTML, Vercel can serve a blog at yourbrand.com/blog with a few lines in vercel.json. Outrank hosts the blog for free.

Create my free blog

Free with Outrank Blogs. No credit card needed. See what is included

Subfolder

Your blog at yourbrand.com/blog

Vercel rewrites forward every request under /blog to your Outrank blog. Your domain, your URL, no extra hosting.

Step by step

Set up your blog on Vercel

  1. 1Create your free blog: enter your website and pick a template. It is live in about a minute.Start here
  2. 2In Outrank, open Blog → Settings → Domain and choose “Subfolder”. Enter your website address, such as yourbrand.com, keep the path /blog and click Continue. Outrank shows the code for your setup with your blog’s address already filled in.
  3. 3Add these rewrites to the vercel.json at the root of your project. If you already have rewrites, add these first, before any catch-all rule such as the one single-page apps use.
  4. 4Redeploy your website, then click Check now in Outrank.
  5. 5Add a “Blog” link to your site’s header or footer that points to /blog.
vercel.json
{
  "rewrites": [
    {
      "source": "/blog",
      "destination": "https://o--your-blog-id.outrankblog.com/"
    },
    {
      "source": "/blog/:path*",
      "destination": "https://o--your-blog-id.outrankblog.com/:path*"
    }
  ]
}

Example only. In your dashboard, Outrank shows this code with your blog’s own address filled in.

Tips for Vercel

  • Single-page apps often have a rewrite that sends everything to /index.html. Keep it, but place it after the blog rules.
  • Built with Next.js? Use the Next.js guide instead: the rules go in your Next.js config.

Want the posts written for you?

Outrank can research keywords and publish 30 SEO articles a month to your blog, on autopilot.

See plans

Compare and set up

Moving from another platform?

See how Outrank Blogs compares with the platforms you know, and how to add it to the website you already have.

Comparisons

Setup guides

FAQ

Adding a blog to Vercel: questions

Short answers to what people ask most.

Why put the blog in a subfolder instead of a subdomain?
Search engines treat yourbrand.com/blog as part of your main website, so every post builds the authority of the domain your product pages are on. A subdomain like blog.yourbrand.com works too and is quicker to set up, but it is treated more like a separate site.
Do I need a paid Vercel plan?
No. Rewrites work on every Vercel plan, including Hobby.
Does connecting my own domain cost anything?
No. Connecting a subdomain, a subfolder or a separate domain is free on every Outrank Blogs plan, and HTTPS is included.

Start today

Your blog can be live before your coffee gets cold.

Create my free blog