Jump-start your Firebase Web Project

Build your next Firebase application with the help of Firelayer. An open source toolkit with out-of-the-box:

  • Administration Dashboard
  • Landing Page
  • Serverless API for Cloud Functions with examples
  • CLI Tools to help develop and maintain your project
$
npm install -g @firelayer/cli
$ ..install firelayer globally
$
firelayer init myproject
$ ..follow the installation prompts
$
cd myproject
$ ..new project created on folder myproject
$
yarn dev
$ ..and develop away
Requirements: Node >= 10 | Git
More information here
Starter Template
Admin Dashboard
Build with ease on top of this boilerplate dashboard.
Features:
  • Firebase Users Management
  • Send auth emails with SendGrid
  • Vue & Vuetify Components
  • Responsive
Landing Page
Website with example pages. Comes with i18n support and Vuetify.
Features:
  • Sign In, register, verify email and reset password
  • User Dashboard
  • Localization
  • Vue with Nuxt & Vuetify Components
  • Responsive
CLI Tools
CLI Tools to help develop and maintain your project.
Features:
  • Run Cloud Firestore migrations
  • Switch maintenance mode
  • Deploy cloud functions env and storage cors
  • Get user information
  • Add other boilerplate templates to current project
Firebase Cloud Functions
Examples On
Serverless API
  • Express API
  • Firebase Auth Middleware
  • Protected Routes with Permissions Middleware
  • User Model and Controller
  • Lazy loaded routes
Triggers
Cloud Functions trigger callbacks for events like Cloud Firestore document creation, Firebase Authentication user creation, Reatime Database documents updates and many more.
Scheduled Jobs
Scheduled functions with PubSub and Google Cloud Scheduler. Run a ping service every 5 minutes to keep your Cloud Functions alive, or even run queries on your Firestore every day.
Templates
Bootstrap your projects with one of these templates
Starter Template
firelayer init myproject -t starter
or add to existing firelayer project
firelayer add:template starter
Default template on firelayer init comes with an Administration Dashboard and Express API with user management, examples on firebase triggers and example on pubsub scheduler.
Landing Template
firelayer init myproject -t landing
or add to existing firelayer project
firelayer add:template landing
Landing page website with example pages. Built with Nuxt, Vue, and comes with i18n support and Vuetify.
Chat Template
firelayer init myproject -t chat
or add to existing firelayer project
firelayer add:template chat
Slack like chat. Built with Vue, Vuetify and Realtime database.
Board Template
firelayer init myproject -t board
or add to existing firelayer project
firelayer add:template board
Suggestion Board for user feedback. Built with Vue, Vuetify and Realtime database.
More to come
More templates in progress..
It's also possible to use your own templates. The commands firelayer init and firelayer add:template also accept git repositories as template input.
Firelayer Newsletter

Get the latest Firelayer news to your inbox.