Bullet.so: How to Add a Blog to Your Website without Using a Subdomain

• It’s very easy to set up

• You don’t need to know how to code

• It’s a very cheap solution compared to the other options

• You will be directly adding to the established presence of your main website

• You’ll especially love this if you’re already a Notion user and like to write on there!

Step 1: Sign-up for Bullet.so

1. Register: Create an account on Bullet.so to get started. You can create your account for free, but you'll need the "Personal" plan ($9/month) to create a sub-folder for blogging.

1. Blog setup: Bullet.so allows you to literally set up your site in a few minutes, no joke. Select a blog template and you're good to go!

1. Choose your sub-folder/sub-directory: On Bullet.so, go to Domains > Sub-directory. Enter your main domain and your sub-directory. Instead of /blog, you can be creative and choose a different name as well. Click on Save. Later, you can verify your sub-folder once you finished Cloudflare setup in Step 2.

1. Notion: Bullet.so is set up in a way that you can directly write in Notion. If you're like me and Notion is your favorite writing tool, this is absolutely fantastic. Follow the steps indicated during the site setup to connect your Notion account to your blog.

2. Cloudflare: You need to set-up Cloudflare workers to enable blogging on a sub-folder. No additional costs are involved.

Step 2: Cloudflare

1. If you haven't yet, create an account on Cloudflare, choose the free plan and add your website.

2. Follow the instructions on the page to change your nameservers to Cloudflare. You’ll likely have to go to the site where you bought your domain. This should just take you a minute or so, but in case you have trouble, just google “Cloudflare nameserver setup {{site where you bought/host your domain, e.g. GoDaddy}}”

3. In your Cloudflare dashboard, click on Workers Routes → Manage Workers → Create application → Create worker and give it a name. Then click Deploy.

4. In the worker you just created, click on Quick edit or Edit code. A code editor will open, but don't worry!

5. Copy this code:

addEventListener("fetch", (event) => {
  // Add your bullet subdomain below. Avoid trailing slash
  const bulletUrl = new URL(`https://your-url-bullet.pages.dev`); // Add sub-directory path where you want to see your bullet site in the next line. Avoid trailing slash/
  const subdirectory = "/blog";

  const requestUrl = new URL(event.request.url);
  const pathname = requestUrl.pathname;
  if (pathname.startsWith(`${subdirectory}/`) || pathname === subdirectory) {
    event.passThroughOnException();
    event.respondWith(
      fetch(
        `${bulletUrl.origin}${pathname.replace(subdirectory, "")}`,
        event.request
      ).then((response) => {
        const clonedResponse = new Response(response.body, response);
        if (clonedResponse.status === 308) {
          const redirectLocation = clonedResponse.headers.get("location");
          const destination = (subdirectory + redirectLocation + "/").replace(
            "//",
            "/"
          );
          redirectLocation &&
            clonedResponse.headers.set("location", destination);
        }
        return clonedResponse;
      })
    );
  } else {
    event.respondWith(fetch(event.request));
  }
});

1. In the code editor, simply paste that code in line 11, meaning below the welcome message shown to you by Cloudflare in line 1-9 that all start with an asterisk (*). If there already is some code, simply overwrite it.

2. Now in line 14 of your code, you'll have to make a simple change. The expression https://your-url-bullet.pages.dev is just a placeholder. You'll now head to your Bullet.so dashboard. Under Production Deployment, you’ll find a deployment link like the one you see in the screenshot below. Copy that URL from your dashboard.

1. Paste the URL into line 14 in the code editor in Cloudflare and overwrite the placeholder. Now delete the numbers and the dot in the first part of the URL, so instead of https://6012345.yourwebsite-bullet.pages.dev, your final URL would look like https://yourwebsite-bullet.pages.dev, with your Bullet.so domain name.

2. If you want to have your blog on another sub-folder than yourwebsite.com/blog, then you'll also have to change line 16 accordingly.

1. Click Save and deploy.

2. From the code editor, go back to the previous page. Click Triggers and scroll down to Routes. Click on Add route. In the route field, add your blog URL and place an asterisks at the end. It will look something like this: https://yourwebsite.com/blog* Of course, if you chose another name for your blog then /blog, change that accordingly. Select your website and click Add route.

TL;DR

• Blogging on yourwebsite.com/blog instead of blog.yourwebsite.com is better for your SEO

• It can be pricey (Ghost) or overwhelming and complicated (Wordpress) to set up a blog

• The easiest, cheapest, and simply best set-up I could think of is via Bullet.so

• With Bullet.so , you can publish blog posts right out of Notion

• Don't get caught up in the technical depth of this, just follow this guide and you'll be fine!

Referral link