rotion 3.0.0-rc.3 → 3.0.0

package/README.ja.md

@@ -176,6 +176,69 @@ const db = await FetchDatabase({ database_id: 'YOUR_DATABASE_ID' })
 - `Checkbox` - チェックボックスの表示
 - `createClientLink` - Next.js App Router用ヘルパー（v2.0.1以降）
 
+サンプル
+--
+
+`examples/` ディレクトリには、Notionデータベース連携を実演する完全なサンプルが含まれています。
+
+### データベースのセットアップ
+
+すべてのサンプルは、以下のプロパティを持つNotionデータベースが必要です：
+
+| プロパティ名 | プロパティ型 |
+|------------|-------------|
+| Title      | `title`     |
+| Tags       | `multi_select`|
+| Date       | `date`      |
+
+### [nextjs-approuter](./examples/nextjs-approuter)
+データベース対応のNext.js App Routerサンプル：
+- インデックスページにデータベーステーブルビュー
+- 個別記事用の動的 `[id]` ルート
+- `generateStaticParams` を使ったServer Components
+- CSS Modulesによるスタイリング
+
+```bash
+cd examples/nextjs-approuter
+cp .env.example .env.local
+# NOTION_TOKENとNOTION_DATABASE_IDを設定
+npm install
+npm run dev
+```
+
+### [nextjs-pagerouter](./examples/nextjs-pagerouter)
+データベース対応のNext.js Pages Routerサンプル：
+- `getStaticProps` を使ったデータベーステーブルビュー
+- `getStaticPaths` による動的 `[id]` ルート
+- 従来のSSGワークフロー
+
+```bash
+cd examples/nextjs-pagerouter
+cp .env.example .env.local
+# NOTION_TOKENとNOTION_DATABASE_IDを設定
+npm install
+npm run dev
+```
+
+### [astro](./examples/astro)
+データベース対応のAstroサンプル：
+- `.astro` ファイルでのデータベーステーブルビュー
+- `getStaticPaths` による動的ルート
+- `client:load` によるReactコンポーネント
+
+```bash
+cd examples/astro
+cp .env.example .env
+# NOTION_TOKENとNOTION_DATABASE_IDを設定
+npm install
+npm run dev
+```
+
+各サンプルのデモ内容：
+- 3つのプロパティすべてを表示するデータベーステーブルビュー
+- 完全なコンテンツを持つ個別記事ページ
+- データベースと記事ビュー間のナビゲーション
+
 スクリプト
 --
 

package/README.md

@@ -175,6 +175,69 @@ Main Exports
 - `Checkbox` – Renders checkboxes
 - `createClientLink` – Helper for Next.js App Router (v2.0.1+)
 
+Examples
+--
+
+The `examples/` directory contains complete working examples demonstrating Notion database integration.
+
+### Database Setup
+
+All examples require a Notion database with the following properties:
+
+| Property Name | Property Type |
+|--------------|---------------|
+| Title        | `title`       |
+| Tags         | `multi_select`|
+| Date         | `date`        |
+
+### [nextjs-approuter](./examples/nextjs-approuter)
+Next.js App Router example with database support:
+- Database table view on the index page
+- Dynamic `[id]` routes for individual articles
+- Server Components with `generateStaticParams`
+- CSS Modules for styling
+
+```bash
+cd examples/nextjs-approuter
+cp .env.example .env.local
+# Add your NOTION_TOKEN and NOTION_DATABASE_ID
+npm install
+npm run dev
+```
+
+### [nextjs-pagerouter](./examples/nextjs-pagerouter)
+Next.js Pages Router example with database support:
+- Database table view using `getStaticProps`
+- Dynamic `[id]` routes with `getStaticPaths`
+- Traditional SSG workflow
+
+```bash
+cd examples/nextjs-pagerouter
+cp .env.example .env.local
+# Add your NOTION_TOKEN and NOTION_DATABASE_ID
+npm install
+npm run dev
+```
+
+### [astro](./examples/astro)
+Astro example with database support:
+- Database table view in `.astro` files
+- Dynamic routes with `getStaticPaths`
+- React components with `client:load`
+
+```bash
+cd examples/astro
+cp .env.example .env
+# Add your NOTION_TOKEN and NOTION_DATABASE_ID
+npm install
+npm run dev
+```
+
+Each example demonstrates:
+- Database table view displaying all three properties
+- Individual article pages with full content
+- Navigation between database and article views
+
 Scripts
 --
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rotion",
-  "version": "3.0.0-rc.3",
+  "version": "3.0.0",
   "license": "MIT",
   "repository": "linyows/rotion",
   "description": "This is react components that uses the notion API to display the notion's database and page.",