I really wanted a page to share the fun links I come across and couldn't find anything I liked so made this.
Built with: NextJS, FontAwesome, Google Sheets, Github Pages, and designed with Figma.
Demo: https://links.dean.lol
- Fork/clone this project (
git clone
) cd
into the project and download the node modules withnpm i
- Rename
.envTEMPLATE
to.env
- Make a copy of this google sheet
- In the settings select File > Publish to Web > select .CSV
- Copy the google sheet published link from the last step and paste the URL in
.env
afterURL=
. (No spaces, no commas, no quotations.) - save and run
npm run dev
to test.
- In the
package.json
you can see the deploy script. Changelinks.dean.lol
to your personal domain.
"deploy": "npm run build && echo links.dean.lol > docs/CNAME && git add -A && git commit -m 'update' && git push",
- Check out how to point your domain DNS towards github pages, I personally prefer using cloudflare.
- Upload your repository to your own github, click settings and enable domains.
Confused? Watch me make this site from design to deployment.