Skip to content

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

License

Notifications You must be signed in to change notification settings

EricFrancis12/bio-pages

Repository files navigation

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

View Editor Page

View Bio Page

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:
git clone https://github.com/EricFrancis12/bio-pages.git
  1. Navigate to the project directory:
cd bio-pages
  1. Install dependencies
npm install
  1. Create .env file
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.

  1. Start the development server
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/.

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