https://github.com/leye195/notion-blog
notion blog template with nextJS13
https://github.com/leye195/notion-blog
nextjs13 notion-api
Last synced: 3 months ago
JSON representation
notion blog template with nextJS13
- Host: GitHub
- URL: https://github.com/leye195/notion-blog
- Owner: leye195
- Created: 2023-10-15T05:24:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-11T14:11:12.000Z (over 1 year ago)
- Last Synced: 2025-02-06T23:31:26.902Z (4 months ago)
- Topics: nextjs13, notion-api
- Language: TypeScript
- Homepage: https://notion-blog-leye195.vercel.app
- Size: 1.8 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notion Blog Template
## How to start
### Create env.local
```
NOTION_SECRET=
NOTION_DATABASE=
NEXT_PUBLIC_BASE_URL=
```
### Install dependencies
```bash
pnpm install
```
### Run Server
```bash
pnpm dev
```
### Build
```bash
pnpm build
```
### Run Build
```bash
pnpm start
```
## How to configuration
### Create Notion integration
- create notion integration from [notion developers](https://www.notion.so/my-integrations) and get secret key
- create [Database on Notion](https://www.dantechblog.xyz/posts/744d3f5a-5ad5-41d7-bbd2-46f167b4ab59)
### Google Analytics
- pass gtagID to GoogleAnalytics component on `app/layout.tsx`
### SocialMedia
- update generateKBarAction function on `libs/kbarActions.ts`
```
export const generateKBarAction = (router: AppRouterInstance) => {
const actions = [
{
id: "home",
name: "Home",
section: "Scope",
perform: () => router.push("/"),
},
{
id: "posts",
name: "Posts",
section: "Scope",
keywords: "post, article",
perform: () => router.push("/posts"),
},
{
id: "resume",
name: "Resume",
section: "Scope",
perform: () => router.push("/resume"),
},
{
id: "rss",
name: "RSS",
section: "Scope",
perform: () => router.push("/rss.xml"),
},
{
id: "github",
name: "Github",
subtitle: "leye195",
section: "Social",
perform: () =>
window.open(
"https://github.com/leye195",
"_blank",
"noopner,noreferrer"
),
},
];
```
### ToDo
- [x] 페이지 레이아웃 및 UI 설정
- [x] Notion Api 연동
- [x] Sitemap 생성
- [x] rss 생성
- [x] Resume 페이지 작업