https://github.com/okisdev/notion-photo-react

A Photo Gallery powered by Notion, built with Next.JS, tailwindcss, TypeScript, notion-api-worker and more.
https://github.com/okisdev/notion-photo-react

cloudflare-workers nextjs notion notion-api notion-photo photo-gallery react reactjs serverless service-worker tailwindcss ts typescript

Last synced: 2 months ago
JSON representation

A Photo Gallery powered by Notion, built with Next.JS, tailwindcss, TypeScript, notion-api-worker and more.

• Host: GitHub
• URL: https://github.com/okisdev/notion-photo-react
• Owner: okisdev
• License: mit
• Created: 2022-01-03T15:23:21.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-27T18:50:22.000Z (almost 2 years ago)
• Last Synced: 2023-03-27T21:07:26.565Z (almost 2 years ago)
• Topics: cloudflare-workers, nextjs, notion, notion-api, notion-photo, photo-gallery, react, reactjs, serverless, service-worker, tailwindcss, ts, typescript
• Language: TypeScript
• Homepage: https://npr.okis.dev
• Size: 1.07 MB
• Stars: 23
• Watchers: 2
• Forks: 9
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Notion Photo React

> A fast serverless Photo Gallery powered by Notion.

A Photo Gallery powered by [Notion](https://notion.so), built with [React.JS](https://reactjs.org), [Next.JS](https://nextjs.org), [tailwindcss](https://tailwindcss.com), [TypeScript](https://www.typescriptlang.org/), [notion-api-worker](https://github.com/splitbee/notion-api-worker) and more.

> See [Notion Blog React](https://github.com/Harry-Yep/Notion-Blog-React), if you would like to blog with Notion.

## Demo

-   [npr.okis.dev](https://npr.okis.dev)

## Features

-   Easily change the things you want by editing [`.env`](./.env.example) file.

-   Support [Google Analytics](https://analytics.google.com/) & [Splitbee Analytics](https://splitbee.io/).

-   Self host notion-api by using [Cloudflare Workers](https://workers.dev). (Default [notion-api](https://notion-api.splitbee.io) By Splitbee)

-   Use your favorite Google Fonts.

-   Use your own domain.

## Performance

![Notion-Photo-React-Lighthouse-Performance-Desktop](https://cdn.harrly.com/project/GitHub/Notion-Photo-React/img/Lighthouse-Performance-Desktop.png)

-   Use [Lighthouse](https://developers.google.com/web/tools/lighthouse) for testing

## How to deploy

Please visit Notion Photo React [Documentation](https://docs.okis.dev/docs/notion-photo-react) for more details.

## Problem(s) with deployment

-   email: [[email protected]](mailto:[email protected])

-   Telegram: [@okisdev](https://t.me/okisdev)

## Improvement / Plans

-   [ ] Add PostView.

-   [ ] Using [Notion Official API](https://developers.notion.com/).

-   [ ] Add Tag.

## Credits

Copyright (c) 2022 Harry Yep

-   All Authors & Contributors who own its repository