next advanced apollo starter

ขั้นตอนต่อไป

ขั้นสูงและเรียบง่าย next.js และ Apollo Starter

สิ่งที่รวมอยู่ด้วย•การเริ่มต้นใช้งาน•การใช้ Apollo •การทดสอบ•การใช้ Docker

สิ่งที่รวมอยู่ด้วย

คุณสมบัติ

• รุ่นถัดไป next.js
• อัปเดตแพ็คเกจล่าสุด
• ไคลเอนต์ GraphQL Apollo พร้อมการตรวจสอบโทเค็น JWT ที่ใช้คุกกี้ในตัว
• ใช้งานได้ทั้งผ่าน การเรนเดอร์ฝั่งไคลเอ็นต์ และ การแสดงผลฝั่งเซิร์ฟเวอร์
• สภาพแวดล้อม typescript
• รวม Normalize.css
• ไม่มีเซิร์ฟเวอร์ที่กำหนดเอง

ประสบการณ์นักพัฒนา

• การทดสอบสภาพแวดล้อมผ่าน JEST และ @Testing-Library/React
• ตัวสร้างโค้ด graphql ที่กำหนดค่า เพียงเรียกใช้ yarn codegen
• สวยกว่าสำหรับการจัดรูปแบบรหัส
• การกำหนดค่าการดีบักสำหรับ VSCODE
• การกำหนดค่า Docker เพื่อให้บริการสร้าง พร้อมการผลิต ด้วย Nginx

เริ่มต้น

ไม่จำเป็นต้องมีความรู้เพิ่มเติมในการเริ่มต้นดูเอกสารประกอบ next.js

การสร้างรหัส GraphQl

อินเทอร์เฟซที่สร้างขึ้นสำหรับไฟล์ . graphql ที่ตั้งอยู่ร่วม ดูตัวอย่าง

yarn codegen

การใช้ Apollo

• ตัวอย่างการเรนเดอร์ฝั่งไคลเอ็นต์ (CSR)
• ตัวอย่างการเรนเดอร์ฝั่งเซิร์ฟเวอร์ (SSR)

การทดสอบ

Jest เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการทดสอบ ในการเรียกใช้การทดสอบเพียงใช้สคริปต์ test จาก package.json :

yarn test

---

ทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับโครงสร้างโครงการ SSR ฯลฯ คุณสามารถค้นหาได้ในเอกสารประกอบอย่างเป็นทางการของ JS

การใช้นักเทียบท่า

ในการสร้างและเรียกใช้คอนเทนเนอร์ พร้อมการผลิต Dockerized Run:

docker-compose up --build