The latest articles on DEV Community by Thông Nguyễn (@thongnt). https://dev.to/thongnt https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F242857%2Fe6182f3c-80c6-4ba6-b20e-9050e8db638b.jpg https://dev.to/thongnt en Thông Nguyễn Sun, 16 Aug 2020 16:47:47 +0000 https://dev.to/thongnt/deploy-to-firebase-without-external-action-4726 https://dev.to/thongnt/deploy-to-firebase-without-external-action-4726 <h3> My Workflow </h3> <p>This github action template allow you to deploy you react app to Firebase hosting without using external action.</p> <h3> Submission Category: </h3> <h4> DIY Deployments </h4> <h3> Yaml File or Link to Code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/trthong95"> trthong95 </a> / <a href="https://github.com/trthong95/url-shortener"> url-shortener </a> </h2> <h3> An url shortener built with Reactjs and hosted on Firebase </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> Simple URL Shortener Example</h1> <p><a rel="noopener noreferrer" href="https://github.com/trthong95/url-shortener/workflows/Build%20&amp;%20Deploy/badge.svg"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--c4BGIvIr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/trthong95/url-shortener/workflows/Build%2520%26%2520Deploy/badge.svg" alt="Build &amp; Deploy"></a></p> <ul> <li>Shorten url then save the result to Firebase</li> <li>Get the origin url then redirect to it</li> </ul> <h1> How to deploy this example ?</h1> <p>To deploy this example to firebase hosting please specify these 2 variables in github secret.</p> <pre><code>FIREBASE_TOKEN=&lt;firebase-deploy-token&gt; </code></pre> <pre><code>FIREBASE_CONFIG='{"apiKey": "","authDomain": "","databaseURL":"","projectId": "","storageBucket": "","messagingSenderId": "","appId": "","measurementId": ""}' </code></pre> <p>You can find these config in firebase document.</p> <p><a href="https://firebase.google.com/docs/cli#cli-ci-systems" rel="nofollow">Firebase token</a></p> <p><a href="https://firebase.google.com/docs/web/setup#config-object" rel="nofollow">Firebase config object</a></p> <h1> Demo</h1> <p><a href="https://short.thongnt.space" rel="nofollow">short.thongnt.space</a></p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/trthong95/url-shortener">View on GitHub</a></div> <br> </div> <br> actionshackathon