Skip to content

日記を書くことだけにフォーカスした、Next.jsベースのミニマルなブログテンプレートです。

License

Notifications You must be signed in to change notification settings

yoshiakist/next-less-blog

Repository files navigation

next-less-blog

日記を書くことだけにフォーカスした、Next.jsベースのミニマルなブログテンプレートです。

現在、バックエンドには国産のヘッドレスCMSである Newt が利用できます。

Overview

Sample Blog

以下のリンクから、実際に運用しているブログテンプレートを確認いただけます。

yoshiakist の個人ブログ

Concept

このブログテンプレートの特徴は以下の通りです。

  • 極めてミニマル
    • 1カラムレイアウト
    • 装飾の排除
    • ゆとりのある文字組み
  • 少ない機能
    • サムネイルが使えない
    • サイドバーがない
    • グローバルナビゲーションがない

ご自身のドメインで、ブログを書くことだけに集中したいという方に強くオススメします。

Usage

このブログテンプレートはMITライセンスです。 ご自由にご利用ください。

※ 利用上の注意

yossi が自分のブログ開発のために利用しています。 カラーやフォント、favicon をカスタムしてご自身のブログテンプレートに適用したい場合、fork して利用することをお勧めします。

Installation

step 1. Environment

  • node: v22.3.0
  • npm: v10.8.1
  • yarn: v3.8.3

※ JavaScript パッケージマネージャの Volta をインストールしてある場合は自動で設定されます

step 2. Setup Newt

  • Newt にアカウントを作成する
  • デフォルトのブログテンプレートを利用してスペースを作成する
  • スペースUIDCDN API トークン を取得する

step 3. Setting .env.local

プロジェクトルートに .env.local を作成する

# .env.local

NEWT_SPACE_UID=your_space_uid
NEWT_CDN_API_TOKEN=XXX_YOUR_TOKEN

step 4. Start!

yarn install
yarn dev

Links

Vercel 上にデプロイする場合、参考資料として以下のリンクもオススメです

Trouble Shooting

Contribute

気に入ってくれた方、PR もお待ちしております。 Issue も参照してみてください。

About

日記を書くことだけにフォーカスした、Next.jsベースのミニマルなブログテンプレートです。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published