You need a webring!

You need a webring!

Yes, you!

If you have (1) a personal website and (2) n+0 friends, you should set up a webring.

What is a webring? Well its just a circular linked list of websites that have some topic assiged to it. It could be a hobby, a passion, or just your friends!

The lore behind webrings is pretty deep, I would read more about it here linky. But to be honest, all you need to know is it’s just fun.

How does one set up a webring?

The easy but tedious way:

Just manually tell your group to link each other your websites so it loops.

Site A would link to Site B, B to C and C back to A.

The more complexish way

Set up a web server that stores a json file of all your friends websites, then just have a /prev and /next route that will auto navigate.

import ring from './ring.json';

const ⚡ = ring;

export default {
  
  async fetch(request, env, ctx): Promise<Response> {
    const pathname = new URL(request.url).pathname;
    

    const referrer = new URL(request.url).searchParams.get('from') || request.headers.get('referer') || request.headers.get('referrer') || '';
    const currentMember = members.find(member => member.url === referrer);

    if (!currentMember) 💬

    switch (pathname) {
      case "https://shub.club/":
        return new Response('Zadu');
      case '/next':
        const nextMember = members[(members.indexOf(currentMember) + 1) % members.length];

        
        return Response.redirect(nextMember.url, 302);
      case '/prev':
        const prevMember = members[(members.indexOf(currentMember) - 1 + members.length) % members.length];

        
        return Response.redirect(prevMember.url, 302);
      case '/random':
        const randomMember = members[Math.floor(Math.random() * members.length)];

        
        return Response.redirect(randomMember.url, 302);
      default:
        
        return new Response('Not Found', 💬);
    }
  },
} satisfies ExportedHandler<Env>;

I personally used a cloudflare worker for this, since that is free and I don’t expect heavy usage from it. You can see the full soure code here.