Knowledge Base Nextjs 13

ナレッジベース

Next.js 13、TypeScript、TailwindCSS、Contentlayer を利用して静的に生成されたナレッジ ベース。

ダークモード	ライトモード

特徴

• ✅ 最適なパフォーマンスを得るために静的に生成されます。
• ✅ 簡単なナビゲーションのための詳細な検索機能。
• ✅ 大量のコンテンツを効果的に管理するための効率的なページネーション。
• ✅ ユーザーの好みに応えるダークとライトのテーマモード。
• ✅ レスポンシブデザイン
• ✅ SEO機能の強化。
• ✅ タイプ セーフティと開発者の生産性を高めるために TypeScript で構築されています。
• ✅ Tailwind CSS を使用したカスタム スタイルにより、魅力的でモダンな UI を実現します。
• ✅ コンテンツは Contentlayer で管理されます。

はじめる

これらの手順により、開発とテストの目的で、プロジェクトのコピーをローカル マシン上で起動して実行できるようになります。

前提条件

Node.js (v14 以降) と npm がインストールされていることを確認してください。

インストール

1. リポジトリのクローンを作成します。

git clone [email protected]:UsmanHaider15/Knowledge-Base-Nextjs-13.git

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

 cd Knowledge-Base-Nextjs-13
yarn install

3. 開発サーバーを実行します。

yarn dev

ブラウザで http://localhost:3000 を開いて結果を確認します。

使用法

1. contentディレクトリにナレッジ ベース コンテンツを作成します。
2. Contentlayer プラグインを使用してデータを管理します。

で構築

• 次へ.js 13
• TypeScript
• 追い風 CSS
• コンテンツレイヤー

貢献する

皆様の貢献は大変感謝しております。

1. プロジェクトをフォークする
2. 機能ブランチを作成します ( git checkout -b feature/AmazingFeature )
3. 変更をコミットします ( git commit -m 'Add some AmazingFeature' )
4. ブランチにプッシュ ( git push origin feature/AmazingFeature )
5. プルリクエストを開く

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています。詳細については、 LICENSEファイルを参照してください。

接触

ウスマン・ハイダー - [email protected]

プロジェクトリンク: https://github.com/UsmanHaider15/Knowledge-Base-Nextjs-13

ご質問やご提案がございましたら、お気軽にお問い合わせください。