{"repo":"linyows/rotion","free":true,"listed":false,"github":"https://github.com/linyows/rotion","clone":"git clone https://github.com/linyows/rotion.git","description":"Rotion is a set of components and tools that utilize the Notion API and React to generate a static website from your Notion databases and pages.","language":"TypeScript","stars":45,"topics":["hacktoberfest","nextjs","notion-api","react"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"English 日本語 Rotion is a set of components and tools that utilize the Notion API and React to generate a static website from your Notion databases and pages. It is designed primarily for use with Next.js (or other React frameworks) and stores images and other files locally, so that you can build a fully static site. Official site: https://rotion.linyo.ws Features -- - Fetch and convert Notion databases and pages into static site data via the Notion API. - Local storage of images, PDFs, and other files. - Rich React components (Gallery, Table, List, Page, and various Blocks). - Compatible with static site generators such as Next.js. - Next.js App Router support with createClientLink helper (v2.0.1+). - Next.js Page Router support for traditional SSG workflows. - TypeScript support. Installation -- or Usage -- 1. Set Up Notion API Create a Notion integration and obtain your API key and database ID: 1. Go to Notion Integrations 2. Create a new integration 3. Copy the integration token 4. Share your Notion pages/databases with the integration 5. Copy the page/database IDs from their URLs 2. Export Data Use the APIs under rotion to fetch data from Notion: 3. Render with React Components Next.js App Router (v15+) For Next.js App Router, you need to set up the createClientLink helper: Step 1: Create app/lib/rotion.ts : Step 2: Use in your Server Components: Next.js Page Router For Page Router, you can use Next.js Link directly: Database Views Display Notion databases in different for","default_branch":null,"files":null,"tree":[],"storefront":"/r/linyows","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/linyows/rotion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}