# Onelink: An Experimental Link-in-Bio Tool with Data in the URL

This repository profile is provided by osrepos.com, an open source repository discovery platform.

Source: osrepos.com
Repository profile: https://osrepos.com/repo/fayazara-onelink
Generated for open source discovery and AI-assisted research.

Onelink is an innovative, experimental link-in-bio tool that stores all user data directly within the URL itself. Built with Vue.js and Nuxt 3, this project offers a unique approach to personal profile pages, eliminating the need for a backend database. It's ideal for developers looking for a lightweight and portable link-sharing solution.

GitHub: https://github.com/fayazara/onelink
OSRepos URL: https://osrepos.com/repo/fayazara-onelink

## Summary

Onelink is an innovative, experimental link-in-bio tool that stores all user data directly within the URL itself. Built with Vue.js and Nuxt 3, this project offers a unique approach to personal profile pages, eliminating the need for a backend database. It's ideal for developers looking for a lightweight and portable link-sharing solution.

## Topics

- Vue.js
- Nuxt.js
- Link-in-Bio
- Serverless
- Frontend
- Web Development
- JavaScript
- Open Source

## Repository Information

Last analyzed by OSRepos: Sat Nov 15 2025 00:01:21 GMT+0000 (Western European Standard Time)
Detail views: 2
GitHub clicks: 5

## Safety Notice

OSRepos shares public repositories for knowledge and discovery only. Review source code, dependencies, licenses, and security implications before running or installing anything.

## Content

## Introduction

Onelink is an experimental link-in-bio tool where all the data lives directly within the URL. This innovative approach, built with Vue.js and leveraging Nuxt 3, allows for a serverless and highly portable personal profile page. The project encodes user data into a compact base64 string, which is then used as a query parameter in the URL.

While the URL can become quite long due to the embedded data, the project suggests using a link shortener like [dub.co](https://dub.co) for convenience.

![Onelink Screenshot](https://user-images.githubusercontent.com/15716057/215350057-5fbf81f5-5f33-4cbe-98ba-0ced8b3c09c8.jpg)

## Installation

To set up Onelink locally, follow these steps:

First, install the project dependencies using your preferred package manager:

bash
# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist


### Development Server

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

bash
npm run dev


### Production

Build the application for production:

bash
npm run build


Locally preview the production build:

bash
npm run preview


For more information on deployment, refer to the [Nuxt 3 deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets).

## Examples

Onelink demonstrates its functionality through a live demo where a user's profile information is embedded in the URL. The data, such as name, description, social links, and custom links, is converted into a compact base64 string. The project aims to keep the JSON keys as small as possible to minimize URL length.

Here's a demo page showcasing this concept:
[Onelink Demo Page with Data](https://onelink-nu.vercel.app/1?data=eyJuIjoiSm9obiBTbm93IiwiZCI6IknigJltIEpvaG4gU25vd2wgdGhlIGtpbmcgaW4gdGhlIG5vcnRoLiBJIGtub3cgTm90aGluZy4iLCJpIjoiaHR0cHM6Ly9pLmluc2lkZXIuY29tLzU2NzQzZmFkNzJmMmMxMmEwMDhiNmNjMCIsImYiOiJodHRwczovL2d3dy5mYWNlYm9vay5jb20vam9obl9zbm93IiwidCI6Imh0dHBzOi8vdHdpdHRlci5jb20vam9obl9zbm93IiwiaWciOiJodHRwczovL3d3dy5pbnN0YWdyYW0uY29tL2pvaG5fc25vdyIsImUiOiJtYWlsQGpvaG5fc25vdy5jYyIsImdoIjoiaHR0cHM6Ly9naXRodWIuY29tL2pvaG5fc25vdyIsInRnIjoiaHR0cHM6Ly90Lm1lL2pvaG5fc25vdyIsInciOiIrOTE4ODg4ODg4ODg4IiwieSI6Imh0dHBzOi8veW91dHViZS5jb20vQGpvaGhuX3Nub3ciLCJscyI6W3sibCI6Ik15IFdlYnNpdGUiLCJpIjoicGg6Z2xvYmUtZHVvdG9uZSIsInUiOiJodHRwczovL2V4YW1wbGUuY29tIn0seyJsIjoiQW1hem9uIHdpc2hsaXN0IiwiaSI6ImFudC1kZXNpZ246YW1hem9uLW91dGxpbmVkIiwidSI6Imh0dHBzOi8vYW1hem9uLmluIn0seyJsIjoiUmVhY3QgSlMgY291cnNlIiwiaSI6Imdyb21tZXQtaWNvbnM6cmVhY3RqcyIsInUiOiJodHRwczovL3JlYWN0anMub3JnLyJ9LHsibCI6IkRvbmF0ZSBmb3Igb3VyIGNhdXNlIiwiaSI6Imljb25vaXI6ZG9uYXRlIiwidXJpIjoiaHR0cHM6Ly93aG8uaW50In0seyJsIjoiRG93bmxvYWQgbXkgcmVzdW1lIiwiaSI6InBoOmZpbGUtcHdkZiIsInVyaSI6Imh0dHBzOi8vZ29vZ2xlLmNvbSJ9XQ%3D%3D)

You can also explore the base demo without specific data:
[Onelink Base Demo](https://onelink-nu.vercel.app/1)

## Why Use Onelink?

Onelink offers a compelling alternative for creating link-in-bio pages, especially for developers who appreciate:

*   **Data Portability**: Your profile data is entirely self-contained within the URL, making it highly portable and independent of any backend service.
*   **Serverless Simplicity**: No database or server infrastructure is required, simplifying deployment and maintenance.
*   **Experimental Innovation**: It provides a fascinating case study in how much data can be efficiently stored and retrieved directly from a URL.
*   **Vue.js Foundation**: Built with Vue.js and Nuxt 3, it leverages modern frontend technologies for a responsive and dynamic user experience.

## Links

*   **GitHub Repository**: [fayazara/onelink](https://github.com/fayazara/onelink)
*   **Live Demo**: [Onelink Base Demo](https://onelink-nu.vercel.app/1)