Tauri Tray Application (Next.js + Tauri + Tailwind)

The goal of this study project is to fetch data from Notion, like tasks, and conveniently showcase them through a tray application. Additionally, it aims to gain practical understanding of how Tauri operates!

The developed code draws inspiration from the application crafted by Diego Fernandes from Rocketseat YouTube Channel. It's vital to emphasize that all within this repository serves as a launching point for the community aspiring to shape a comparable application. Feel free to perform a clone/fork and evolve from this juncture.

Getting Started

This is a Tauri project template using Next.js and Tailwind CSS, bootstrapped by combining create-next-app and create tauri-app.

Prerequisites

Make sure you have the following installed on your system:

• Rust
• Tauri CLI
• pnpm (optional but recommended)

Installation

1. Clone this repository to your local machine:

git clone https://github.com/cassiorsfreitas/view-notion.git

2. Install all NextJs dependencies

cd view-notion
pnpm install

3. Create an .env.local file and set these variables

NOTION_SECRET="secret_XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
NOTION_DATABASE_ID="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"

4. Running locally

pnpm tauri dev

Usefull links

• Notion API
• window-vibrancy
• tauri-plugin-positioner
• Query a database
• @tauri-apss/api

Roadmap

• Fetch data from Notion API
• Add dynamic height behavior according to the requested content
• Emit event from Tauri in order to refetch the data when the window is opened
• Implement loading/fetching indicator