devhunt

Devhunt

開発者によって構築された開発ツール向けのオープンソースおよび共同起動プラットフォーム。 Devhunt.orgに参加して、イノベーションを紹介し、Web全体で開発者ツールをエンパワーしてください！

クイックスタート

プロジェクトのルートに.env.localファイルを作成し、次の環境変数を入力します。

 NEXT_PUBLIC_SUPABASE_URL=https://tusrbkspwpvucxzqhrgo.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InR1c3Jia3Nwd3B2dWN4enFocmdvIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTYyNzI2OTUsImV4cCI6MjAxMTg0ODY5NX0.-HdjMYlbwVMggJiQ4cFxpr-AmNH1ueXBEgqxMPDlSJY

パッケージをインストールします

npm install
# or
yarn install
# or
pnpm install

開発サーバーを実行します

npm run dev

http：// localhost：ブラウザで3000を開きます。終わり！

はじめる

これはcreate-next-appでBootstrappedのnext.jsプロジェクトです。

Supabaseダンプを復元します

1. Supabaseプロジェクトを作成し、データベースパスワードを必ず保存してください。
2. 次に、 Project Settingsに移動します - > Database Settings - > Connection Info
3. Host値をコピーします。これはdb.<ReferenceID>.supabase.coのように見えます

ダンプを復元するには、次のコマンドを実行します。

psql -h db. < ReferenceID > .supabase.co -U postgres -d postgres < /supabase/dump.sql

データベースパスワードを入力するように求められます。これは、 Project Settings - > Database Settings - > Database Passwordにあります。または、プロジェクトの作成中に保存したパスワードを使用します。

セットアップ.env.local構成

プロジェクトのルートに.env.localファイルを作成し、次の環境変数を入力します。

 NEXT_PUBLIC_SUPABASE_URL=<Your_Project_URL>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<Your_Anonymous_Key>
SUPABASE_SERVICE_ROLE_KEY=<Your_Service_Role_Key>

ここで重要な値を見つけることができます：

1. <Your_Project_URL> - Project Settingsに移動する - > API > Project URLとURLをコピーします
2. <Your_Anonymous_Key> - Project Settingsに移動 - > API > Project API keys使用して、 anon publicキーを見つけます。
3. <Your_Service_Role_Key> - Project Settingsの下 - > API > Project API keys service_role secretキーを見つけます。

ソーシャルログイン（OAuth）をセットアップする

ソーシャルログイン機能を有効にするには、各プラットフォームの以下のガイドに従ってください。

• GitHubログイン：Supabase設定を構成するだけです。詳細な手順については、Supabase Github Oauthガイドを参照してください-Supabaseを構成するだけが必要です
• Googleログイン：Supabase Google Oauthガイドで概説されている手順に従ってください
• その他のプロバイダー：利用可能なすべてのソーシャルログイン方法の完全なリストについては、Supabaseソーシャルログインドキュメントを参照してください

これらのガイドは、OAUTHベースのソーシャルログインを有効にするために必要な構成を説明します。

アプリを起動します

まず、開発サーバーを実行します。

npm run dev
# or
yarn dev
# or
pnpm dev

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

app/page.tsxを変更して、ページの編集を開始できます。ファイルを編集するときにページ自動更新。

このプロジェクトではnext/fontを使用して、カスタムGoogleフォントであるInterを自動的に最適化およびロードします。

Vercelに展開します

next.jsアプリを展開する最も簡単な方法は、next.jsの作成者からvercelプラットフォームを使用することです。

詳細については、next.js deploymentドキュメントをご覧ください。

貢献

Devhuntへの貢献に興味がありますか？プルリクエストを送信する前に、開発プロセスについて学ぶための寄稿ガイドをお読みください。

フォーキングとクローニング

元のプロジェクトを明確に参照している限り、自由にフォークしてクローンできます。 GitHubの場合は、Webサイトの場合はhttps://github.com/marsx-dev/devhuntを参照してください。