Уведомление! Этот стартовый комплект не полностью закончен, но я просто делаю эту публику, если кто -то хочет добавить его. Я сгорел, работая над этим, поэтому я открыт для всех, кто хочет помочь в том, чтобы исправить любые ошибки, которые они находят, и т. Д.
Вы можете присоединиться к Discord, если хотите поговорить о коде здесь или предложить функции / и т. Д.
https://discord.gg/n2ueyp7rfu
Для тех, кто хочет больше рук на видеоушнего контента, который объясняет эту кодовую базу, показывает, как ее развернуть и как его поддерживать в производстве, я работаю над платным сериалом по прохождению на видео, найденной здесь https://webdevcody.gumroad.com /l/wdc-saas-starter-kit-walkthrough. Я нахожусь в процессе записи и редактирования видео, но если вы покупаете сейчас, это 50% от оригинальной цены.
Добро пожаловать в WDC Next.js Starter Kit! Это шаблон GitHub, который содержит следующую технологию, которая, по нашему мнению, является отличной отправной точкой для любого нового продукта SaaS:
Если вы найдете очевидные проблемы с этим стартовым набором, не стесняйтесь отправлять запрос на вытягивание или отправить и выпустить. Мы хотим, чтобы этот стартер был простым с помощью основной технологии, поэтому мы не рекомендуем пытаться добавлять различные вещи без предварительного одобрения.
Начните с нажатия кнопки «Использовать этот шаблон» на Github Repo. Мы предлагаем создать новый репозиторий, чтобы вы могли отслеживать изменения кода. После того, как клонируйте свой собственный репозиторий до вашего компьютера и начните работать над ним.
В этом стартовом комплекте используется Docker и Docker Compose для запуска базы данных Postgres, поэтому вам нужно будет либо установлен, либо изменить проект, чтобы указать на размещенное решение базы данных.
cp .env.sample .env
npm i
docker compose up
npm run db:migrate
npm run dev
Этот стартовый комплект зависит от нескольких внешних сервисов, таких как Google Oauth , Stripe и Resend . Вам нужно выполнить выполнение шагов ниже и убедиться, что все настроено, и скопировать необходимые значения в свой файл .env:
Создайте учетную запись на https://resend.com/ и сгенерируйте клавишу API и вставьте в email_server_password
Установите свой домен в Resend, чтобы вы могли отправлять электронные письма из своего пользовательского домена и установить email_from, чтобы соответствовать вашему ожидаемому из строки. Для этого перейдите к своему поставщику домена и добавьте необходимые записи, изложенные в Resend.
TODO: добавьте информацию о ведре и ключах
Этот стартовый комплект использует Postgres. Supabase предоставляет 2 бесплатную базу данных Postgres. Настройте базу данных и получите свою базу данных_URL .
В этом стартовом комплекте используется полоса, что означает, что вам нужно настроить учетную запись Stripe по адресу https://stripe.com. После создания учетной записи и проекта вам нужно установить следующие переменные ENV:
Как вы можете найти их, описано ниже:
Вам нужно определить как Next_public_stripe_key , так и stripe_api_key внутри .env. Они могут быть найдены здесь:
В зависимости от того, разрабатываете ли вы локально или развертываетесь в PROD, есть два пути, которые вам нужно выбрать для получения ключа WebHook:
brew install stripe/stripe-cli/stripe
stripe:listen
вы можете запустить, если вы хотите настроить свое локально запущенное приложение для Listsen для любых событий полосы. Запустите эту команду и скопируйте секрет Webhook, который он печатает в консоли в ваш файл .env.При выходе на производство вам нужно будет создать конечную точку Webhook и скопировать свой секрет Webhook в stripe_webhook_secret :
Вам нужно будет создать подписку в полосе:
У Stripe есть встроенный способ отменить свои подписки. Вам нужно будет включить эту функцию:
При переходе на производство вы хотите установить host_name на свой fqdn, такой как https://you-domain.com
По умолчанию этот стартер поставляется только с провайдером Google, который вам нужно настроить:
TODO: Добавьте информацию