boilerplate graphql

Boilerplate

Construído por nenhum trimestre

Nota: agora recomendamos o uso de nossa pilha atualizada.

TypeScript + React + React Native + GraphQL + PRISMA

Vem com a autenticação do usuário incluída

• Reagir
• Reagir nativo
• Expo
• TIPEGRAPHQL
• Prisma
• Web, App & Api Monorepo
• Next.js
• TypeScript
• PostGres
• Cliente Apollo
• Servidor Apollo
• Expressar
• React fort fort
• Ui de chakra
• Tema personalizável e modo escuro
• Eslint
• Mais bonito
• Gerador de código GraphQL
• SendGrid Smtp
• Sentinela
• Husky
• Fiapos encenados

e muitos mais deliciosos

Sinta -se confortável com esta pilha?

Estamos contratando! Entre em contato conosco aqui

Comece

Você deve ter nó, fios, postgres e redis instalados e configurar localmente

1. Clone o repo

2. Exclua a pasta do aplicativo se você estiver trabalhando em um projeto puramente da web.

   rm -rf packages/app

3. Instalar dependências.

   yarn install

4. Crie um banco de dados Postgres local

   createdb boilerplate

5. Crie um arquivo .env e atualize o DATABASE_URL com o URL local do banco de dados PostGres.

   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. Migrar o banco de dados.

    cd packages/api && yarn db:migrate

Usamos a Husky para executar alguns cheques cada commit (mais bonito, Eslint & Committlint), adicione um arquivo .huskyrc ao seu diretório doméstico:

touch ~ /.huskyrc

e copie isso no arquivo isto em:

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

Em seguida, execute isso na raiz do projeto:

npx husky install

Usamos o AWS S3 para hospedagem de imagens/arquivos, para que você precise configurar algumas coisas para que isso funcione, o processo pode ser encontrado aqui.

Desenvolvimento

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

Um exemplo de criação de um recurso simples de TODO pode ser encontrado aqui.

Produção

Mailers

• Crie uma conta SendGrid e defina uma variável de ambiente sendgrid_api_key em .env
• Crie modelos para cada email que você deseja enviar e usar o modelo na classe Mailer correspondente

Rastreamento de erro

• Crie uma conta sentinela + projeto para cada pacote e adicione o DSN à configuração da web e às variáveis da API Env

Implantação

Um exemplo é implantado aqui

Estamos usando o Railway para o pacote API e o Vercel para o pacote da web

Para a ferrovia, temos a visualização de configuração implanta e isso fornece um URL dinâmico que a Web pode usar. O URL inclui o número de PR, portanto, na Web, precisamos pegar o número de PR do Git e alterar dinamicamente a API_URL ao criar o aplicativo Next.js. O Vercel não inclui números de relações públicas nas variáveis ENV, por isso usamos um pacote para fazer isso para nós.