ericwu.me

私の個人的なウェブサイト

Ericwu.me

next.js 14を使用して構築されたWebサイトには、CMSとして機能する概念APIを搭載したブログがあります。このデザインは、Nev FlynnのBento Designに触発され、シンプルさとユーザーフレンドリーなインターフェイスに焦点を当てています。

特徴

• next.js 14 ：next.jsの最新機能を利用して、高速なレンダリングと効率的なSEO最適化を利用しています。
• 概念API ：概念をヘッドレスCMSとして統合して、ブログコンテンツを動的に管理および取得します。
• レスポンシブベントデザイン：ユニークなルックアンドフィール用にカスタマイズされた、ベントデザインの美的および機能的原則を採用しています。

はじめる

前提条件

開始する前に、次のインストールを確認してください。

• node.js（v16.x以降の推奨）
• NPMまたは糸

インストール

1. リポジトリをクローンします：

   git clone https://github.com/itsEricWu/ericwu.me.git

2. 依存関係をインストールします：

   yarn install

3. 環境変数の設定：ルートディレクトリに.env.localファイルを作成し、次の変数を追加します。

    OPENAI_API_KEY=exampleAPIKey
    NEXT_PUBLIC_MAPBOX_TOKEN=exampleAPIKey
    NEXT_PUBLIC_FIREBASE_API_KEY=exampleAPIKey
    SITE_URL=https://www.example.com
   

プロジェクトを実行します

開発サーバーを実行するには：

yarn dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

展開

このウェブサイトは、Vercel、Netlify、またはnext.jsをサポートするその他のプラットフォームなどのプラットフォームに展開する準備ができています。特定の指示については、選択したプラットフォームの展開ドキュメントに従ってください。

星の歴史

貢献

貢献は大歓迎です！大きな変更については、最初に問題を開いて、何を変えたいかを議論してください。