gh next

next.jsのGithubの単純なクローン

GithubのシンプルなGithubの代替オープンソース（皮肉なこと？）、GitHubが動作するコア機能のいくつかを完全に機能させることを目的としています。

サポートされている機能の詳細については、＃84を参照してください。

ショ和このプロジェクトは積極的な開発中ですショ和

ものが壊れることを期待してください。

ロードマップ

クリックして詳細をご覧ください

• ログイン/ログアウト
• ホームページ（READMEコンテンツ）
• レスポンシブレイアウト
• テーマを切り替えるための設定ページ
• Stargazersページ
• プロフィール情報を参照してください
  • ユーザー名を更新します
  • テーマを変更します
  • ユーザーの詳細ページ
• 問題リストページ
  • Search & filter issues by author, label, assignee, closed/open, title, mentions, etc. (Inspiration: https://github.com/openstatusHQ/openstatus, https://docs.github.com/en/issues/tracking-your-work-with-issues/filtering-and-searching-issues-and-pull-requests)
• 新しい問題ページ
  • CRUDを発行する（著者のみ）
  • コメントcrud
  • 言及
  • ポップオーバーを発行する（プレビューの問題のため）
  • 問題間のリンク
  • 問題を割り当てて自己割り当てます
• オープングラフ
  • ランディング（インスピレーション：https：//github.com/trpc/trpc/blob/main/www/og-image/pages/api/landing.tsx）
  • リポジトリごと
  • ユーザーごと
  • 問題ごと（インスピレーション：https：//opengraph.githubassets.com/101e5bdeef8e959c800fab2aef88ef01b15d883e3e3e17c990bde8dfd67d6b3/trpc/trpc/issues/4306）
• ラベルCrud（ラベルのみを追加または更新することができ、削除なし）
• 通知ページ
  • 通知バッジ（インスピレーション：https：//gist.github.com/fredkiss3/ab918aee3977d681f0508537a44838c0、https://github.com/fredkiss3/bunrest）
  • 問題のサブスクリプションの通知
  • 言及の通知
  • 発行ステータスの通知
  • ステータス、タイトル、クローズドなどによるフィルター通知。
  • 完了したマーク、登録解除
• リポジトリのホスティングファイル（ストレージ制限付き）
  • ファイルブラウジングUI
  • ファイル検索
• リポジトリリスト
  • レポのリスト
  • レポを検索します
• Git Web UI
  • 履歴をコミットします
  • タイムトラベル
  • git pushおよびgit remoteコマンドをサポートします
• Kanban Board（Github Projectsなど）を発行して、コミットまたはUIから問題を終了する
• CI/CD
  • dockerでCIを実行すると、gitlabからインスピレーションを得ることができます

スタック

• 次のアプリルーター
• DRIZZLE +ローカルPOSTGRESデータベース
• カスタムVPSにホストするには、すべての展開方法については、CI/CDワークフローを参照してください
• スタイリングのためのTailWindcs

要件

• node> = v18.x
• pnpm> = v8.x
• Dockerはローカル開発のためにインストールされました
• ユーザーを認証するための登録されたgithubアプリ

プロジェクトに取り組む方法は？

1. まず、リポジトリをクローンする必要があります

   git clone https://github.com/Fredkiss3/gh-next.git

2. Dockerを開始するインスタンスを作成して、DB + Redisインスタンスを開始します。

   docker-compose up -d --remove-orphans

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

   pnpm install

4. .env.exampleに.env.localに名前を変更し、ファイルをニーズに変更します。

5. プロジェクトを起動します：

   pnpm run dev

   アプリはhttp：// localhost：3000に表示されます。

6. ソースコードを開き、ロッキングを開始します！ ？

？プロジェクト構造

このプロジェクトで表示されるトップレベルのファイルとディレクトリを簡単に見てみましょう。

  .
  ├── src/
  │    ├── app
  │    ├── actions
  │    ├── components
  │    ├── models
  │    └── lib/
  │         ├── client
  │         ├── server
  │         └── shared
  ├── biome.json
  ├── pnpm-lock.yaml
  └── tsconfig.json

1. src/app/ ：このフォルダーには、アプリのすべてのルートとページが含まれています。

2. src/actions ：このフォルダーには、アプリのすべてのロジックが含まれています。

3. src/components ：このフォルダーには、アプリのすべてのコンポーネントが含まれています。

4. src/models ：このフォルダーには、アプリのすべてのDBモデルが含まれています。

5. src/lib/ ：このフォルダーには、アプリ全体で使用されるUTILSとヘルパーが含まれています。

   1. client ：このフォルダーには、クライアント専用のすべてのユーティリティが含まれており、通常はクライアントコンポーネントで使用されます。主にフックが含まれています

   2. server ：このフォルダーには、サーバーコンポーネントとサーバーアクション内で使用するために、サーバーのみのすべてのユーティリティが含まれています。また、 db/schema内のDBスキーマも含まれています

   3. shared ：このフォルダーには、サーバーとクライアントの間で共有されるすべてのユーティリティが含まれています。これらはアプリのどこでも使用できます。

6. biome.json ：このファイルには、バイオームの構成がオートフォルミングを有効にするための構成が含まれています。

7. pnpm-lock.yaml ：このファイルには、リポジトリの依存関係ロックが含まれています。

8. tsconfig.json ：このファイルには、すべての基礎となるパッケージが使用するTypeScriptの構成が含まれています

？使用されているenv変数

nom	役割
SESSION_SECRET	セッションIDをエンコードするために使用されるランダム32 chars長さの文字列
REDIS_HTTP_URL	キー/バリューストアのredis httpへの接続へのURL
DATABASE_URL	Postresデータベースへの接続へのURL
REDIS_HTTP_USERNAME	キー値を保存するためのローカルファイルサーバーURL
REDIS_HTTP_PASSWORD	キー値を保存するためのローカルファイルサーバーURL
GITHUB_CLIENT_ID	GitHubでユーザーを認証するために使用されるアプリに保存されているGitHubクライアントID
GITHUB_PERSONAL_ACCESS_TOKEN	GitHubを使用してユーザーを認証するために使用されるアプリ用に保存されているGitHubクライアントトークン
GITHUB_REDIRECT_URI	ユーザーが認証されたときにリダイレクトするURL
GITHUB_SECRET	Github Secretはアプリに保存されています