boilerplate graphql

Caladera

Construido por no trimestre

Nota: Ahora recomendamos usar nuestra pila actualizada.

TypeScript + React + React Native + GraphQL + Prisma

Viene con autenticación de usuario incluida

• Reaccionar
• Reaccionar nativo
• Exposición
• TypeGraphql
• Prisma
• Web, App y API Monorepo
• Next.js
• Mecanografiado
• Post -put
• Cliente de Apollo
• Servidor Apollo
• Expresar
• Forma de gancho reaccionar
• Chakra ui
• Tema personalizable y modo oscuro
• Eslint
• Más bonito
• Generador de código GraphQL
• SendGrid SMTP
• Centinela
• Fornido
• Pelusa escenificada

y muchas más sabrosas golosinas

¿Te sientes cómodo con esta pila?

¡Estamos contratando! Contáctenos aquí

Empezar

Debe tener el nodo, el hilo, el postgrres y los redis instalados y configurados localmente

1. Clonar el repositorio

2. Elimine la carpeta de aplicaciones si está trabajando en un proyecto puramente web.

   rm -rf packages/app

3. Instalar dependencias.

   yarn install

4. Crear una base de datos local de postgrres

   createdb boilerplate

5. Cree un archivo .env y actualice la DATABASE_URL con su URL local de la base de datos 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 la base de datos.

    cd packages/api && yarn db:migrate

Utilizamos Husky para ejecutar un par de cheques cada compromiso (más bonito, eSlint y Compretlint), asegúrese de agregar un archivo .huskyrc a su directorio de inicio:

touch ~ /.huskyrc

y copie esto en el archivo esto en:

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

Luego ejecute esto en la raíz del proyecto:

npx husky install

Utilizamos AWS S3 para alojamiento de imágenes/archivos, por lo que deberá configurar algunas cosas para que esto funcione, el proceso se puede encontrar aquí.

Desarrollo

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

Se puede encontrar un ejemplo de crear una característica simple de TODO aquí.

Producción

Corre de correo

• Cree una cuenta SendGrid y establezca una variable de entorno SendGrid_api_Key en .env
• Cree plantillas para cada correo electrónico que desee enviar y use la plantilla en la clase de correo correspondiente

Rastreo de errores

• Cree una cuenta Sentry + proyecto para cada paquete y agregue el DSN a la configuración web y las variables API ENV

Despliegue

Un ejemplo se implementa aquí

Estamos utilizando ferrocarril para el paquete API y VERCEL para el paquete web

Para el ferrocarril tenemos implementos de vista previa de configuración y eso le da una URL dinámica que la web puede usar. La URL incluye el número de relaciones públicas, por lo que en la web necesitamos obtener el número de PR de GIT y cambiar dinámicamente el API_URL al construir la aplicación Next.js. Vercel no incluye números de relaciones públicas en las variables ENV, por lo que usamos un paquete para hacerlo por nosotros.