Links

Simple and easy to use links organiser for your social media accounts

Demo - https://bitesinbyte.github.io/links

Configuration

There are two configuraiton file

1. config.json

{
  "mainImageSource": "Main Image Path",
  "mainImageAlt": "Main Image Alt",
  "brandName": "Brand Name",
  "description": "A short description",
  "socialLinks": {
    "instagram": "instagram link",
    "linkedin": "",
    "blog": "",
    "web": "",
    "github": "",
    "facebook": "",
    "snapchat": "",
    "tiktok": "",
    "twitter": "",
    "youtube": ""
  }
}

2. links.json

{
  "blog": [
    {
      "title": "Medium",
      "link": "link"
    },
    {
      "title": "Bites in byte - Blog",
      "link": "link"
    }
  ],
  "instagram": [],
  "linkedin": [],
  "web": [],
  "github": [],
  "facebook": [],
  "snapchat": [],
  "tiktok": [],
  "twitter": [],
  "youtube": [],
  "other": []
}

Technologies Used

• Next.js 14
• NextUI v2
• Tailwind CSS
• Tailwind Variants
• TypeScript
• next-themes

How to Use

Use the template with create-next-app

clone the repository, run the following command:

git clone https://github.com/bitesinbyte/links.git

Install dependencies

npm install

Run the development server

npm run dev

License

Licensed under the MIT license.