Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ericfrancis12/bio-pages

A fully functional Link-In-Bio Next.JS Application written in Typescript using PostgreSQL
https://github.com/ericfrancis12/bio-pages

biolink biolinks biopage later linkinbio linkinbio-alternative linkme linktree linktree-alternative linktree-custom linktree-tailwindcss stanstore

Last synced: about 2 months ago
JSON representation

A fully functional Link-In-Bio Next.JS Application written in Typescript using PostgreSQL

Awesome Lists containing this project

README

        

# Bio Pages

A Link-In-Bio Next.js Application written in TypeScript, utilizing PostgreSQL. This application lets users create and manage personalized "link-in-bio" pages, where they can aggregate multiple links into a single landing page that can be shared across social media platforms and other online channels.

[View On The Web](https://rybio.link)

[View Editor Page](https://rybio.link/demo/dashboard)

[View Bio Page](https://rybio.link/demo/p/5)

## Screenshots

## Features

- Fully customizable Bio Pages
- Create multiple Bio Pages per user
- Add, edit, and delete links on your Bio Pages
- Customize colors, fonts, backgrounds, button styles, and more
- User authentication
- View Analytics & track the number of visitors to your pages
- Fully responsive design that looks great on any screen size

## Installation

1. Clone the repo:

```bash
git clone https://github.com/EricFrancis12/bio-pages.git
```

2. Navigate to the project directory:

```bash
cd bio-pages
```

3. Install dependencies

```bash
npm install
```

4. Create .env file

```bash
npm run create_env
```

This will create a `.env` file at the project root, if one does not exists already. Before starting the application, modify the `.env` file to your desired environment variables.

5. Start the development server

```bash
npm run dev
```

## Creating a Production Build

Run the following command to create a Next.js production build. The output will be located at `/.next/`.

```bash
npm run build
```

## Find a bug?

If you found an issue or would like to submit an improvement to this project, please submit an issue using the issues tab above. If you would like to submit a PR with a fix, reference the issue you created!

## Inspired by:

LinkTree, Later, Beacons, Campsite, Milkshake, Shorby, Bio.site, Hoo.be, Komi, Stan Store, LinkMe, MatePop

## Keywords

- Link-In-Bio
- Link In Bio
- Bio Link
- Social Media Links
- Profile Links
- Multi-Link
- Personal Website
- Personal Landing Page
- Online Portfolio
- Digital Business Card
- Marketing Tool
- Branding Tool
- Audience Building
- Online Presence
- Digital Marketing
- Personal Branding