nextjs auth starter template

next.js Clerk Authスターターテンプレート

導入

Clerkは、開発者ファースト認証およびユーザー管理ソリューションです。サインイン、サインアップ、ユーザープロファイル、および組織管理用の事前に構築されたReactコンポーネントとフックを提供します。店員は、使いやすくカスタマイズできるように設計されており、任意のReactまたはnext.jsアプリケーションにドロップできます。

このテンプレートを使用すると、店員とnext.js（アプリルーター）を数分で開始でき、次のような店員の機能を実証できます。

• サインイン、サインアップ、保護されたページを備えた完全に機能的な認証フロー
• Tailwind CSSを使用したカスタマイズされた店員コンポーネント
• ユーザーデータと認証状態にアクセスするためのフック
• マルチテナントアプリケーションの組織

デモ

この例のホストされたデモは、https：//clerk-nextjs-app-router.vercel.app/で入手できます。

展開する

下のボタンを使用して、テンプレートを簡単に展開してvercelします。 Vercelダッシュボードに必要な環境変数を設定する必要があります。

テンプレートを実行します

git clone https://github.com/clerk/clerk-nextjs-demo-app-router

例をローカルに実行するには、次のことが必要です。

1. https://clerk.comで店員アカウントにサインアップしてください。
2. 店員のダッシュボードに移動して、アプリケーションを作成します。
3. envファイルの例に示すように、必要な店員環境変数を設定します。
4. サイドバーの「組織設定」に移動し、組織を有効にします
5. npm install 。
6. 開発サーバーを起動するnpm run dev 。

もっと詳しく知る

ClerkとNext.jsの詳細については、次のリソースをご覧ください。

• QuickStart：next.jsと書記官を始めましょう
• 書記官の文書
• next.jsドキュメント

問題が見つかりましたか、それともフィードバックがありますか？

このリポジトリで問題を見つけた場合、またはフィードバックがある場合は、不一致に参加して、サポートチャネル内に新しいスレッドを作成してください。

間違いのある単語や壊れたリンクなど、簡単な修正である場合は、スレッドを作成してください。先に進み、ソリューションでプルリクエストを作成します。

私たちとつながります

アイデアについて話し合い、質問をし、私たちの不一致でコミュニティの他の人に会うことができます。

必要に応じて、Twitterからサポートを見つけることも、メールでお問い合わせください！