duyet / firebase-shorten-url Goto Github PK

View Code? Open in Web Editor NEW

24.0 1.0 13.0 76.42 MB

Shorten URL using Firebase Dynamic Link API

Home Page: https://s.duyet.net

License: MIT License

Shell 0.83% JavaScript 99.17%

firebase firebase-dynamic-links shortener shorten-urls gatsbyjs hacktoberfest

firebase-shorten-url's Introduction

Firebase Shorten URL

This is a demonstrate how to use the Firebase Dynamic Link API to build the shorten URL app.

Target:

Simple
Fast
Fast 😎

Live: https://s.duyet.net

Locally development

Set up Node.js and the Firebase CLI
```
yarn global add firebase-tools
```
To initialize project: Run firebase login to log in via the browser and authenticate the firebase tool.

Setup packages

cd functions/ && yarn
cd hosting/ && yarn

Go to https://console.firebase.google.com and create new project.
Setup env variables, copy and modify env.default.sh to env.local.sh

Get the api_key by Project settings > General > Web API Key

Get the domain_uri_prefix by Dynamic Links, then Add URL prefix
```
firebase functions:config:set config.api_key=AIzaSyC8mZm**********
firebase functions:config:set config.domain_uri_prefix=duyet.page.link
```
Run: bash ./env.local.sh
Update the frontend config: hosting/gatsby-config.js:

module.exports = {
 siteMetadata: {
   title: 'duyet shorten url',
   description: 'Shorten URL by Firebase Dynamic Link',
   author: '@duyet',
 },
...

Running in local: https://firebase.google.com/docs/functions/local-emulator
- Export local configs: firebase functions:config:get > functions/.runtimeconfig.json
- Start firebase function: firebase serve
- Start hosting local in another terminal: cd hosting && yarn develop
- Open the UI in browser: http://localhost:8000

Deploy

Deploy serverless functions and hosting to Firebase

firebase deploy

Licence

MIT

firebase-shorten-url's People

Contributors

Stargazers

Watchers

Forkers

000x0 bazickoff dquy15 harryjony23 mauricior998 toanalien hisnuahdana petrbela dvrknessyeahh dungphanxuan tinyx3k tosunkaya

firebase-shorten-url's Issues

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Error type: undefined. Note: this is a nested preset so please contact the preset author if you are unable to fix it yourself.

move this `domainUriPrefix` to config

https://github.com/duyetdev/firebase-shorten-url/blob/dc2d858df7169207fc02fa6f372847cbb05d1d03/functions/index.js#L13-L16

This issue was generated by todo based on a `TODO` comment in `dc2d858`. It's been assigned to @undefined because they committed the code.

Why this project so huge?

I clone git and its about 40MB total like what...

And also its taking to much time to build because of huge depebdencies..

I mean its good project but can you made lite version?

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Update dependency eslint to v9

Detected dependencies

github-actions

.github/workflows/codeql-analysis.yml

actions/checkout v4

github/codeql-action v3

github/codeql-action v3

github/codeql-action v3

.github/workflows/deploy_functions.yml

actions/checkout v4

actions/setup-node v4

.github/workflows/deploy_hosting.yml

actions/checkout v4

actions/setup-node v4

npm

functions/package.json

axios 1.6.8

firebase-admin 12.1.0

firebase-functions 5.0.1

@babel/core 7.24.5

@babel/eslint-parser 7.24.5

@babel/preset-react 7.24.1

eslint 8.57.0

eslint-plugin-promise 6.1.1

firebase-tools 13.8.1

node 20

hosting/package.json

@ant-design/compatible 5.1.2

antd 5.17.0

axios 1.6.8

gatsby 5.13.4

gatsby-image 3.11.0

gatsby-plugin-google-gtag 5.13.1

gatsby-plugin-manifest 5.13.1

gatsby-plugin-offline 6.13.2

gatsby-plugin-react-helmet 6.13.1

gatsby-plugin-sharp 5.13.1

gatsby-source-filesystem 5.13.1

gatsby-transformer-sharp 5.13.1

prop-types 15.8.1

react 18.3.1

react-copy-to-clipboard 5.1.0

react-dom 18.3.1

react-helmet 6.1.0

@babel/eslint-parser 7.24.5

@babel/preset-react 7.24.1

eslint 8.57.0

eslint-config-airbnb 19.0.4

eslint-config-airbnb-base 15.0.0

eslint-plugin-import 2.29.1

eslint-plugin-jest 28.5.0

eslint-plugin-jsx-a11y 6.8.0

eslint-plugin-react 7.34.1

eslint-plugin-react-hooks 4.6.2

firebase-tools 13.8.1

prettier 3.2.5

Check this box to trigger a request for Renovate to run again on this repository

How to use in bloggee

How to use on blogger, because in subs4unlock he use firebase for shortlink.

Improvement In UI.

Hello Maintainers ,

Issue -> Improvement :

Current UI :

What Changes can be made :

Improving UI

Please Assign this issue to me !

can you make a full tutorial for your this project ?

hello friend, I really like this project. because I was able to study and become a reference in my school work, this is actually not a serious problem. but as a beginner I find it difficult to use this because there is no full tutorial,

so can you make a full tutorial for your good project, ? please

TODO for firebase-shorten-url

Auto create after pasting the link
Update UI ant.design
~~Analytics usage~~