Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/phuctm97/nbundle-notion-themes
Make Notion pretty with custom themes and fonts, powered by nbundle.
https://github.com/phuctm97/nbundle-notion-themes
notion notion-api notion-blog notion-client notion-database notion-editor notion-integrations notion-markdown notion-widgets
Last synced: 3 months ago
JSON representation
Make Notion pretty with custom themes and fonts, powered by nbundle.
- Host: GitHub
- URL: https://github.com/phuctm97/nbundle-notion-themes
- Owner: phuctm97
- Archived: true
- Created: 2022-07-03T10:18:53.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-01T17:22:15.000Z (over 1 year ago)
- Last Synced: 2024-04-09T01:57:45.348Z (7 months ago)
- Topics: notion, notion-api, notion-blog, notion-client, notion-database, notion-editor, notion-integrations, notion-markdown, notion-widgets
- Language: JavaScript
- Homepage: https://nbundle.com
- Size: 734 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notion Themes
Make Notion pretty with custom themes and fonts, powered by nbundle.
> This is an [nbundle-powered][nbundle for developers] [Notion app][nbundle] bootstrapped with [create-notion-app].
## Prerequisite
To develop this app, make sure to have the following products installed:
- [Node.js] 14+
- [Yarn] 1.22+
- [nbundle App Store][nbundle] for browsers and/or desktop apps
Open your terminal, go to the project directory, and run the following command to install dependencies:
```shell
yarn install
```
## Develop
Open your terminal, go to the project directory, and run the following command:
```shell
yarn develop --target chrome
```
The nbundle CLI will open Google Chrome with the app automatically loaded in development mode (hot reloading, error reporting, sourcemap, etc).
Change the `--target` parameter to `edge` or `firefox` if you want to develop on Microsoft Edge or Firefox instead of Google Chrome.
You can edit the app by modifying [`app/index.jsx`](app/index.jsx). The app auto-updates as you edit the file.
## Ship
Open your terminal, go to your project directory, and run the following command:
```shell
yarn ship
```
The nbundle CLI will ask you to log into your [nbundle for Developers] account if you haven't already, then build & publish the app to all supported platforms. Depending on the target platform, the app may be pending for review & approval.
## Learn
To learn more about [nbundle] and [nbundle for Developers], take a look at the following resources:
- [nbundle App Store](https://nbundle.com) - get the App Store to see how Notion users discover and use apps.
- [nbundle Documentation](https://developers.nbundle.com) - learn about nbundle features, architecture, and APIs.
- [nbundle API Reference](https://developers.nbundle.com/docs/api) - see a complete reference of the nbundle APIs.
[node.js]: https://nodejs.org
[yarn]: https://classic.yarnpkg.com
[nbundle]: https://www.nbundle.com
[nbundle for developers]: https://developers.nbundle.com
[create-notion-app]: https://www.github.com/nbundle/create-notion-app