https://github.com/ryanhanwu/next-firebase-actions

A template for Firebase Cloud Functions + Next.js (React.js) + Tailwind CSS + Github Actions
https://github.com/ryanhanwu/next-firebase-actions

cdn firebase firebase-cloud-functions firebase-hosting github-actions nextjs reactjs static-site

Last synced: 6 months ago
JSON representation

A template for Firebase Cloud Functions + Next.js (React.js) + Tailwind CSS + Github Actions

• Host: GitHub
• URL: https://github.com/ryanhanwu/next-firebase-actions
• Owner: ryanhanwu
• License: mit
• Created: 2021-01-22T15:12:23.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-01-06T18:26:50.000Z (about 3 years ago)
• Last Synced: 2025-05-04T21:08:06.031Z (8 months ago)
• Topics: cdn, firebase, firebase-cloud-functions, firebase-hosting, github-actions, nextjs, reactjs, static-site
• Language: CSS
• Homepage:
• Size: 457 KB
• Stars: 7
• Watchers: 2
• Forks: 5
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Next.js + Tailwind CSS + Github Actions + Firebase Cloud Functions + Firebase Hosting

![Deploy to Firebase](https://github.com/ryanhanwu/next-firebase-actions/workflows/Deploy%20to%20Firebase/badge.svg)

This is a template to host a Next.js repo on Github and deploy to Firebase Cloud Function and Firebase Hosting via Github Actions. I've create a [Medium Post](https://ryanhanwu.medium.com/deploy-next-js-to-firebase-cloud-functions-and-firebase-hosting-via-github-actions-d49771b771cc) to talk about the details in the template. 

Based on the [Firebase Hosting priority order](https://firebase.google.com/docs/hosting/full-config#hosting_priority_order), all static content will be served with Firebase CDN, and Firebase Cloud Functions will serve any missed request. Combine with Github Actions, we can now build our own Vercel auto-deploy and test our application for every PR and push to the main branch.

### How to use this template?

Hit **User this Template** button or `git clone` this repo to your local environment.

### Setup steps

- Edit `.firebaserc`

- Edit `firebase.json`

- Add `FIREBASE_TOKEN` to your repo secret