https://github.com/blopa/jamstack-url-shortener

This is a basic URL shortner POC build with Gatsby.
https://github.com/blopa/jamstack-url-shortener

gatsby jamstack react shortner url

Last synced: 4 months ago
JSON representation

This is a basic URL shortner POC build with Gatsby.

• Host: GitHub
• URL: https://github.com/blopa/jamstack-url-shortener
• Owner: blopa
• License: mit
• Created: 2020-08-29T11:30:48.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-05-16T23:18:06.000Z (about 4 years ago)
• Last Synced: 2025-08-21T09:26:29.422Z (10 months ago)
• Topics: gatsby, jamstack, react, shortner, url
• Language: JavaScript
• Homepage: https://blopa.github.io/jamstack-url-shortner/4c2873b2
• Size: 2.47 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# JAMStack URL Shortener

This is a basic URL shortener POC build with Gatsby.

## 🚀 Quick start

1.  **Create a Google Spreadsheet with the URLs.**

    Make a copy of [this](https://docs.google.com/spreadsheets/d/1ca1kNCze-3Ch7bqKrpK5tQK8NLjCh0K4h7Rji5PZRhg/copy) Google Spreadsheet

    ![ScreenShot](https://raw.githubusercontent.com/blopa/jamstack-url-shortener/master/readme_images/screenshot_1.png)

2.  **Make the Spreadsheet public.**

    Go to File -> Share and [make it public](https://webapps.stackexchange.com/a/103851/235980).

    ![ScreenShot](https://raw.githubusercontent.com/blopa/jamstack-url-shortener/master/readme_images/public_spreadsheet.png)

3.  **Add your Spreadsheet ID**

    Copy your Spreasheet ID into `gatsby-node.js` line 2.

4.  **Add new URLs**

    Whenever a new URL is added to the Spreadsheet, you need to manually trigger a new Github Actions build

    ![ScreenShot](https://raw.githubusercontent.com/blopa/jamstack-url-shortener/master/readme_images/manual_deploy.png)

## 🗜 Examples

- https://blopa.github.io/jamstack-url-shortener/4c2873b2 goes to https://github.com/blopa/jamstack-url-shortener/

- https://blopa.github.io/jamstack-url-shortener/99969f07 goes to https://google.com

- https://blopa.github.io/jamstack-url-shortener/44290ffb goes to https://github.com/blopa

## 📝 TODO list

- Make the Gatsby build automatic via Github API call in a custom Spreadsheet action or something like that

- Improve redirecting pages