next react graphql apollo hooks

Performa Tinggi Next + React + GraphQL Starter Kit

Tujuan starter kit ini bukan untuk menjadi solusi lengkap, tetapi pengenalan untuk membuat situs web berkinerja tinggi dengan Next.js, React dan GraphQL. Kami menggunakan repositori ini untuk proyek baru di Atheros Intelligence dan sebagai repositori untuk artikel kami di GraphQL Mastery

• Klon Repositori dengan git clone [email protected]:atherosai/next-react-graphql-apollo-hooks.git
• Untuk melestarikan dependensi yang aman di package-lock.json Gunakan npm ci untuk menginstal paket

Versi Node.js

Meskipun starter kit harus bekerja dengan versi Node yang lebih lama, saya sarankan untuk menggunakan LTS version terbaru. Di package.json . Kami telah menetapkan persyaratan sebagai berikut:

 "engines" : {
    "node" : " >=10.0.0 " ,
    "npm" : " >6 "
  },

Teknologi & Fitur Utama

• Next.js
• Bereaksi
• GraphQL (Apollo Server)
• Klien Apollo
• React Apollo Hooks
• Node.js
• Naskah
• Generator Kode GraphQL
• Bersenda gurau

Penggunaan produksi

Untuk mencapai kinerja terbaik, Anda seharusnya mengaktifkan HTTP/2 dan juga mengaktifkan kompresi dalam proxy reverse Anda (NGINX). Server Node.js terbaru juga sangat menguntungkan.

Konfigurasi Lingkungan

Solusi untuk variabel lingkungan dibangun menggunakan perpustakaan dotenv dan dua variabel lingkungan. Variabel NODE_ENV yang terkenal dapat ditetapkan sebagai development atau production dan CUSTOM_ENV kami, yang mendefinisikan lingkungan. Ini bisa menjadi staging , production , lingkungan local atau bahkan server build Anda. Dua variabel ini menentukan nama file .env di /secrets yang akan digunakan. Jika kami ingin misalnya menentukan konfigurasi untuk lingkungan pementasan kami, kami akan membuat file yang disebut /secrets/production-staging.env dan menempatkan semua variabel lingkungan di sana. Contoh untuk file semacam itu dapat misalnya yang berikut ini yang dapat kita gunakan untuk pengembangan

NODE_ENV=development
CUSTOM_ENV=local
PORT=3000
API_URL=http://localhost:3000/graphql
HOST=http://localhost:3000

Keamanan dan audit

Anda dapat menjalankan audit keamanan pada dependensi dengan. Pastikan Anda menggunakan package-lock.json di repositori kami.

npm audit