WalysonGO / links-page

A simple "links page" generator for Instagram bio link

Links Page

A simple project that exposes your social links in a single page.
This kind of page is used a lot on Instagram on the "bio link".

How does it works?

This project is based on a json file called config.json.
This file contains all the data you want to expose: your picture, name, bio and obviously: your links

The structure is a quite simple:

{
  "avatar": "img/photo.png",
  "name": "John Doe",
  "bio": "I'm a very cool person",
  "links": [
    {
      "image": "img/linkedin.png",
      "url": "https://www.linkedin.com/in/johndoe/",
      "text": "in/johndoe",
      "title": "LinkedIn"
    },
    {
      "image": "img/medium.png",
      "url": "https://medium.com/j@ohndoe/",
      "text": "@johndoe",
      "title": "Medium"
    }
  ]
}

Setup

To run the project in development mode you just need to follow these simple steps:

• npm install
• npm run dev

Technologies

This project is made with:

• Vue
• Nuxt
• Vuetify

CI/CD

We are using Travis CI to build and deploy the static page into the GitHub Pages, but you can use any CI/CD you want (including GitHub Actions, by the way)

For Travis be able to deploy to GitHub Pages, you need to create a personal token on GitHub and store it on Travis (or the CI you use).