canner-firebase-cms - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #typescript #llm #golang #rust #macos #windows #ios #mcp #openai #open-source

canner-firebase-cms

(★ 127)

: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

파일 탐색기

최종 버전 다운로드 (.zip)

- app.js
- dashboard.js
- indexPage.js
- lockScreenLoading.js
- _document.js
- dashboard.js
- index.js
- login.js
- 1.png
- 2.png
- 3.png
- 4.png
- syntax.png
- - blog.js
  - custom-boolean-check_desc.js
  - custom-boolean-review_btn.js
  - custom-boolean-switch_desc.js
  - custom-boolean-trash_btn.js
  - custom-string-schedule_btn.js
  - custom-string-title_input.js
  - filter.js
- - panel.js
- - columns.js
  - index.js
- canner.schema.js
- categories.schema.js
- pages.schema.js
- posts.schema.js
- utils.schema.js
- logo-word-white.png
- logo-word.png
.babelrc
.editorconfig
.flowconfig
.gitignore
.prettierrc
config-firebase.js
database.rules.json
firebase-default-user.json
firebase.json
greenkeeper.json
LICENSE
next.config.js
package.json
README.md
server.js
yarn.lock

// 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)

or

```
$ 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