boilerplate graphql

Boilerplate

Dibangun oleh No Quarter

Catatan: Kami sekarang merekomendasikan menggunakan tumpukan kami yang diperbarui.

TypeScript + React + React Native + GraphQL + Prisma

Dilengkapi dengan otentikasi pengguna yang disertakan

• Bereaksi
• Bereaksi asli
• Expo
• Typegraphql
• Prisma
• Web, Aplikasi & API Monorepo
• Next.js
• Naskah
• Postgres
• Klien Apollo
• Server Apollo
• Cepat
• Bentuk pengait bereaksi
• Chakra Ui
• Tema yang dapat disesuaikan & mode gelap
• Eslint
• Lebih cantik
• Generator Kode GraphQL
• Sendgrid SMTP
• Penjaga
• Serak
• Lint dipentaskan

& lebih banyak suguhan lezat

Merasa nyaman dengan tumpukan ini?

Kami sedang merekrut! Hubungi kami di sini

Mulai

Anda harus memiliki simpul, benang, postgres, dan redis yang diinstal dan diatur secara lokal

1. Kloning repo

2. Hapus folder aplikasi jika Anda sedang mengerjakan proyek web murni.

   rm -rf packages/app

3. Instal dependensi.

   yarn install

4. Buat Database Postgres Lokal

   createdb boilerplate

5. Buat file .env dan perbarui DATABASE_URL dengan URL database postgres lokal Anda.

   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. Migrasi database.

    cd packages/api && yarn db:migrate

Kami menggunakan Husky untuk menjalankan beberapa cek setiap komit (lebih cantik, eslint & commitlint), pastikan untuk menambahkan file .huskyrc ke direktori home Anda:

touch ~ /.huskyrc

dan salin ini ke file ini di:

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

Kemudian jalankan ini di akar proyek:

npx husky install

Kami menggunakan AWS S3 untuk hosting gambar/file, jadi Anda harus mengatur beberapa hal agar ini berfungsi, proses dapat ditemukan di sini.

Perkembangan

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

Contoh membuat fitur Todo sederhana dapat ditemukan di sini.

Produksi

Mailer

• Buat akun SendGrid dan atur variabel lingkungan sendgrid_api_key di .env
• Buat templat untuk setiap email yang ingin Anda kirim dan gunakan TemplateID di kelas Mailer yang sesuai

Penelusuran Kesalahan

• Buat Proyek Akun Sentry + untuk setiap paket dan tambahkan DSN ke konfigurasi web dan variabel API Env

Penyebaran

Contoh digunakan di sini

Kami menggunakan kereta api untuk paket API dan Vercel untuk paket web

Untuk kereta api kami memiliki penyiapan pratinjau dan yang memberikan URL dinamis yang dapat digunakan oleh web. URL termasuk nomor PR jadi di web kita perlu mengambil nomor PR dari git dan secara dinamis mengubah API_URL saat membangun aplikasi berikutnya.js. Vercel tidak termasuk nomor PR dalam variabel Env sehingga kami menggunakan paket untuk melakukannya untuk kami.