記事を作成する適当に記事を作成します。ブログが投稿されているか確認するブログが投稿されたか確認します。Blogのローカル環境を構築する事前に先ほどGitHubにあげたnotion-blogリポジトリをcloneしてきてください!また、ローカル環境はDockerじゃなくても問題ありません。私個人的に、MacBookを汚したくない精神が強いため、開発環境を構築する際は毎回、Dockerを使用しているので、今回もDockerで環境構築しました!!1Dockerfileを作成するDockerfileを作成します。私はyarnも一緒にインストールするところまで、書いてますが、どっちでもいいかなと思います。install2docker-compose.ymlを作成するdocker-compose.ymlを作成します。アクセスして、ローカル環境がうまく構築できたか確認します。できてますね!!5Notionと連携するローカル環境でも以下の環境変数を設定します。私は本番と同じNotionページを設定しています。カスタマイズして自分だけのブログを作ってみよう!!はい、こんな感じで、ブログを開設することができました!sisterのブログはもっと色々とカスタマイズしています。自分の好きなようにフルカスタマイズできるので、めちゃくちゃNext.jsの勉強にもなるんじゃないかな〜とカスタマイズしてて思いました!!私は、Next.jsは初めて触ったのですが、基礎的な部分の・APIでデータ取得してくる・ルーティング・コンポーネント連携などは枠組みが用意されているので、すごく勉強になりました。エンジニア向けで、エンジニア以外の方には結構ハードルが高いかなと思います!!WordPressのようにデザインのテンプレートが用意されていたり、プラグインがあったりするわけではないです。Anotionという誰でも簡単にNotionでブログを構築できるサービスもあるようなので、ぜひチェックしてみてください〜!https://anotion.so/最後に長い記事を最後まで読んでいただきありがとうございました!!次回は独自ドメインの適用部分もかければいいなと思います!!脚注Notionでのインラインテーブルの説明はこちらの記事がわかりやすかったです。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。