nextjs auth starter template

Next.js Clerk Auth Starter Template

Введение

Клерк-это решение для аутентификации и управления разработчиком и управление пользователями. Он предоставляет предварительно построенные компоненты и крючки React для входа, регистрации, профиля пользователя и управления организацией. Клерк предназначен для того, чтобы быть простым в использовании и настройке, и его можно сбросить в любое приложение React или 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 , чтобы запустить сервер разработки.

Узнать больше

Чтобы узнать больше о клерке и Next.js, ознакомьтесь с следующими ресурсами:

• QuickStart: Начните с Next.js и Clerk
• Клерк документация
• Next.js документация

Нашли проблему или иметь отзывы?

Если вы нашли проблему с этим репо или имеете отзывы, присоединяйтесь к нашему разногласию и создайте новую ветку в нашем канале поддержки.

Если это быстрое решение, такое как слово с ошибками или сломанная ссылка, не стесняйтесь пропустить, создавая ветку. Идите вперед и создайте запрос на привлечение с решением.

Связаться с нами

Вы можете обсудить идеи, задавать вопросы и встретить других из сообщества в нашем разногласии.

Если вы предпочитаете, вы также можете найти поддержку через наш Twitter, или вы можете написать нам по электронной почте!