https://github.com/wojtekthewebdev/vite-with-notion
App using Vite + vite-plugin-ssr with Notion API
https://github.com/wojtekthewebdev/vite-with-notion
Last synced: over 1 year ago
JSON representation
App using Vite + vite-plugin-ssr with Notion API
- Host: GitHub
- URL: https://github.com/wojtekthewebdev/vite-with-notion
- Owner: WojtekTheWebDev
- License: mit
- Created: 2022-04-02T19:56:44.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-02T20:50:19.000Z (about 4 years ago)
- Last Synced: 2025-01-23T12:46:42.603Z (over 1 year ago)
- Language: TypeScript
- Size: 56.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite with Notion
App using Vite + vite-plugin-ssr with Notion API
## Introduction
This is a Vite app integrated with Notion.
It was build with [Vite](https://vitejs.dev/), [vite-plugin-ssr](https://vite-plugin-ssr.com/) and [Notion API](https://developers.notion.com/).
It’s really basic for now, it allows to render `Heading 1` and `Paragraph` blocks with their links, colors, etc.
I’m doing it for fun in my spare time, so it will take me some time to build something nice here, but I will keep developing it!
Feel free to contribute!
## Getting started
1. Clone the repository.
2. Install dependencies.
```bash
yarn
```
3. Follow the steps from Notion's docs - [Getting started](https://developers.notion.com/docs/getting-started).
4. Create `.env` file
5. Add `VITE_NOTION_API_SECRET` environment variable with Notion's integration secret.
6. Add `VITE_NOTION_API_SECRET` environment variable with id of your Notion's home page.
```
VITE_NOTION_API_SECRET=
VITE_NOTION_API_SECRET=
```
7. Run the app.
```bash
yarn dev
```
## Demo
Check out the demo here: https://vite-with-notion.netlify.app/