onelink

Share your social Links with your friends Live Previews 💡⚡✨

Onelink

Onelink is an experimental link-in-bio tool, where the data lives in the URL.

screencapture-onelink-ajay-vercel-app-2023-02-04-10_40_24

youtube bettercodehub opencollective feedingtrend hashnode medium

Here’s a demo page

View Demo

The data is converted to a base 64 string which we onelink uses as a query parameter. I have tried to reduce the json keys to be as small as possible

Roadmap.

  1. Templates - make different templates, the /1 after the host is basically a template here.
  2. Refactor code - a lot of repeated boilerplate code is added here - refactor it properly.

Setup locally

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.