notion-blogをはじめる

notion-blog の種類

一大ムーブメント　みなさｍ色々やられています。

GitHub Topics as "notion-blog"

notion-blog-nextjs (始祖1)(shinさんの解説つき)

JavaScript x CSS

JavaScriptで書かれたソースの大元になっているようです。

notionを更新するとデプロイ環境でも自動的に反映されます。

しかしTypeScriptで構築したいため非採用。

https://github.com/samuelkraft/notion-blog-nextjs

解説

- YouTube

https://www.youtube.com/watch?v=My9rXHRn8zc

JJKasperさんのnotion-blog(始祖2)(公式)

TypeScriptで書かれたソースで皆さんのnotion-blogの大元になっています。

https://github.com/ijjk/notion-blog

かなるさんのnotion-blog

TypeScript x TailwindCSS

https://github.com/kanaru-ssk/notion-blog

解説

Notion API, NextJS, TypeScriptでブログアプリを作ってみた

https://zenn.dev/kanaru/articles/801eb8add73ce9

Knobさんのnoblog

TypeScript x TailwindCSS

目次、いいね、コメント、機能豊富です。

特に目次機能に惹かれ、流用させていただくことにしました！

https://github.com/nbr41to/noblog

日本一本気で作ったNotion Blog 2023年決定版

https://zenn.dev/nbr41to/articles/474df7540c475c

astro-notion-blog

Astro x TypeScript

23年 Astroのnotion-blogがリリースされたようです。新たな潮流となるのでしょうか。

https://github.com/otoyo/astro-notion-blog

解説

NotionをCMSとして使う、astro-notion-blogをVercelで動かしてみた | necco Note | necco inc.（ネッコ）

NotionをCMSとして活用し、フレームワークにAstroを使ってブログサイトを生成するastro-notion-blogが2023年1月23日にリリースされました。ブログは速さこそ正義である。astro-notio […]

https://necco.inc/note/19508

Knob様のnoblogを元にサイト作成することにしました。

ポートフォリオを兼ねてソースコードはGitHubに公開しています。

https://github.com/ECMaker/blog

開発開始の参考に

- YouTube

https://youtu.be/eEP7CLqnRr0

【Next.js】npx create-next-app時の回答で変わるフォルダ構成

https://zenn.dev/milkandhoney995/articles/21be6e5c759e82

Created by

EC maker

電機/自動車メーカ系エンジニア
→ フロントエンドエンジニア
- Flutter / スマホアプリ開発中。
- Next.js / TypeScript /
TailwindCSS を学習中。

- Contents -

notion-blog の種類 notion-blog-nextjs (始祖1)(shinさんの解説つき)JJKasperさんのnotion-blog(始祖2)(公式)かなるさんのnotion-blog Knobさんのnoblog astro-notion-blog Knob様のnoblogを元にサイト作成することにしました。開発開始の参考に

公開: 2023-05-05

更新: 2024-10-14

いいね: 2 件

コメント: 0 件

カテゴリ:

カテゴリなし

タグ:

next.js

NotionBlog

Created by

EC maker

電機/自動車メーカ系エンジニア
→ フロントエンドエンジニア
- Flutter / スマホアプリ開発中。
- Next.js / TypeScript /
TailwindCSS を学習中。