maxleiter.com

私の個人的なサイト

はじめる

1. pnpmパッケージマネージャーをインストール：https：//pnpm.io/
2. プロジェクトディレクトリでpnpmを実行します
3. pnpm devを実行して、ローカル開発サーバーを起動します

環境変数

• GITHUB_TOKEN ：プロジェクトのためにgithub星を取得したい場合に必要
• NEXT_PUBLIC_SUPABASE_URL 、 SUPABASE_SERVICE_ROLE_KEY 、 NEXT_PUBLIC_SUPABASE_ANON_KEY ：分析に必要です。詳細については、https：//maxleiter.com/blog/supabase-next-analyticsを参照してください
• ホームページの下部にgitコミットハッシュが必要な場合は、vercelでホストするか、 NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA varを提供する必要があります

使用法：

• pnpm <command> ：
  • lint ：ファイルを自動的にリントします
  • dev ：ライブリロードでローカルインスタンスを開始します
  • rss ：RSSフィードを生成します
  • build ：RSSフィードと生産サイトを生成します
  • analyze ： @next/bundle-analyzerを介して検査できるバンドルを生成する
  • start ： yarn buildを介して構築された制作インスタンスを開始します

ディレクトリ構造：

• アプリ
• components/ ：反応コンポーネント
• data/ ：最終的にDBか何かに移動できる静的データ
• lib/ ：フック、サードパーティAPIのもの、utils関数
• pages/ /：next.jsページ（レンダリングされる実際のルート）
• styles/ ：グローバルスタイルが含まれています
• pages/api ：NextJS APIルート
• posts/ ：ビルド時にレンダリングされたマークダウンファイル
• public/ ：ブログの画像、Favicon、ビルドファイル
• scripts/ ：サイトマップとRSSフィードを構築するためのスクリプトが含まれています