boilerplate graphql

Шаблон

Построен без квартала

Примечание. Теперь мы рекомендуем использовать наш обновленный стек.

TypeScript + React + React Native + GraphQl + Prisma

Поставляется с аутентификацией пользователя

• Реагировать
• Реагировать на родной
• Экспо
• Typegraphql
• Призма
• Web, App & API Monorepo
• Next.js
• Машинопись
• Постгрес
• Аполлон Клиент
• Apollo Server
• Выражать
• Реагировать форму крючка
• Чакра UI
• Настраиваемая тема и темный режим
• Эслинт
• Красивее
• Генератор кода GraphQL
• SendGrid SMTP
• Часовой
• Хаски
• Ворвался

и еще много вкусных угощений

Погодимся с этим стеком?

Мы нанимаем! Свяжитесь с нами здесь

Начните

У вас должен быть установлен узлы, пряжа, попрес и Redis

1. Клонировать репо

2. Удалить папку приложений, если вы работаете над чисто веб -проектом.

   rm -rf packages/app

3. Установить зависимости.

   yarn install

4. Создать локальную базу данных Postgres

   createdb boilerplate

5. Создайте файл .env и обновите базу DATABASE_URL с вашим URL -адресом базы данных локальной базы.

   cp packages/api/.env.example  packages/api/.env

    # Replace <user>,<password> and <db-name> with your corresponding username, password, and database name of your postgresql database.
   DATABASE_URL=postgresql:// < user > : < password > @localhost:5432/ < db-name >

6. Мигрировать базу данных.

    cd packages/api && yarn db:migrate

Мы используем Husky, чтобы запустить пару чеков каждый коммит (более красивый, Eslint & Commitlint), обязательно добавьте файл .huskyrc в свой домашний каталог:

touch ~ /.huskyrc

и скопируйте это в файл это в:

 export PATH= " /usr/local/bin: $PATH "

Затем запустите это в корне проекта:

npx husky install

Мы используем AWS S3 для хостинга изображений/файлов, поэтому вам нужно настроить несколько вещей для работы, процесс можно найти здесь.

Разработка

1. cd packages/api && yarn dev
2. cd packages/web && yarn dev
3. cd packages/app && yarn start

Пример создания простой функции TODO можно найти здесь.

Производство

Почтовые почты

• Создайте учетную запись SendGrid и установите переменную среды sendgrid_api_key в .env
• Создайте шаблоны для каждого электронного письма, которое вы хотите отправить и использовать шаблон в соответствующем классе Mailer

Ошибка ошибки

• Создайте Sentry Account + Project для каждого пакета и добавьте DSN в веб -конфигурацию и переменные API ENV

Развертывание

Пример развернут здесь

Мы используем железную дорогу для пакета API и Vercel для веб -пакета

Для железной дороги у нас есть развертывание предварительного просмотра, и это дает динамический URL, который веб -сайт может использовать. URL включает в себя номер PR, поэтому в Интернете нам нужно взять номер PR из GIT и динамически изменить API_URL при создании приложения Next.js. Vercel не включает в себя номера PR в переменные ENV, поэтому мы используем пакет для этого для нас.