Deploy Your Own Links Page with One Click
This is a nice project as a proof of concept to get you set up with your own socials links. I’ve made this in conjunction with Jamie Barton as a simple one click set up.
This example is a full jamstack lightweight example using Handlebars.js and Tailwind CSS.
All you need to do is enter your details into the prompts provided. There’s a choice of platforms Netlify or Vercel.
The one thing you’ll need one of the following git hosting accounts: GitLab, GitHub, or Bitbucket. I’m guessing if you’re reading this then you have at least one of these already.
Click the Deploy to Netlify button to start the proces.
You’ll be prompted to connect to GitHub, this will create a public repo for you.
Then it’s a case of adding in your links and usernames for the
different socials. Make sure to add full URLs i.e.
https://www.youtube.com/scottspenceplease if you don’t have one of
the requested links add in
none and it won’t show up.
I’ve added in my links and usernames as an example here.
Clicking Save & Deploy will take you to the Netlify dashboard for the site.
Clicking on the production deploy section will take you to the published deploy.
Here you can click on the preview button to see the site.
Done, as an extra step you can configure your own domain.
Click the Deploy button to start the proces.
You’ll be prompted to connect to GitHub, GitLab, or Bitbucket.
You can give the repo a name, Vercel will create this repo for you. In
my case not to cause any naming issues I’ll call this one
vercel-shortcuts then choose to create it as a private repo. Click
the create button.
Skip the ‘Create a Team’ option!
Then in ‘Configure Project’ section much like the Netlify section I’ll add in my links and usernames, here’s mine as an example.
Click that ‘Deploy’ button.
Now I can click on the ‘Go to Dashboard’ button and visit the site.
That’s it, now you can have your own social links page.
If you want to take it further you can add in your own socials, the code is available on Jamie’s github here.
Thanks for reading!