canner-firebase-cms

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

canner-firebase-cms

★ 127 Open GitHub ↗

:fire: Content management for Firebase Realtime Database with SSR supported with NextJS, for blog, ecommerce, mobile apps and even chatbot! This project is based on Canner CMS

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# canner-firebase-cms + NextJS

[![Join the community on Spectrum](https://withspectrum.github.io/badge/badge.svg)](https://spectrum.chat/canner/cannercms)

Canner CMS for Firebase with SSR supported ([NextJS](https://nextjs.org/docs/#setup)), for blog, ecommerce, mobile apps and even chatbot! This project is based on Canner, a open source CMS framework  https://github.com/Canner/canner

> We have another demo using firestore and deploying to **Firebase hosting** (without SSR), see [canner-firestore-cms](https://github.com/Canner/canner-firestore-cms).

## Deployment

### Now.sh

[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/canner/canner-firebase-cms)

```
$ now
```

## Live demo

- Now: https://canner-firebase.now.sh/

## Tutorial

https://www.canner.io/docs/tutorial-community-firebase.html

## Preview

![preview](https://raw.githubusercontent.com/CannerCMS/canner-firebase-cms/master/preview/1.png)
![preview](https://raw.githubusercontent.com/CannerCMS/canner-firebase-cms/master/preview/2.png)
![preview](https://raw.githubusercontent.com/CannerCMS/canner-firebase-cms/master/preview/3.png)
![preview](https://raw.githubusercontent.com/CannerCMS/canner-firebase-cms/master/preview/4.png)

## How it works

It is based on Canner CMS framework (https://www.canner.io/), used `JSX` (canner-script) to declare how you Firebase data structure and UI in your CMS.

A simple blog post example:

![preview](https://raw.githubusercontent.com/CannerCMS/canner-firebase-cms/master/preview/syntax.png)

Learn how to write schema [canner-script](https://www.cannercms.com/docs/schema-overview)

## Import default user

```
firebase auth:import firebase-default-user.json
```

### Default user

- **Username:** admin-test@canner.io
- **Password:** admin-test

## Development

```
npm run dev
```

## License

Apache license 2.0

canner-firebase-cms

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README