FERN Stack

npx create-remix@latest --template remix-run/blues-stack

What's in the stack

• Firebase functions for Express API
• Firebase hosting for SPA using ViteJS + React
• GitHub Actions for deploying on pull requests and merge
• asdf for managing runtime versions

Development

• Setup runtime versions:

  asdf install

• Intialize Firebase project:

  firebase init
  # update .firebaserc with project name

• Build functions:

  cd functions
  pnpm install
  pnpm run build

• Build hosting:

  cd web
  pnpm install
  pnpm run build

• Start dev emulators:

  firebase emulators:start --only hosting,functions

Deployment

• Deploy functions

  cd functions
  pnpm run deploy

• Deploy hosting

  cd web
  pnpm run build
  pnpm run deploy