N
Nokfa Docs
framework-next.js
project
style
tool-git
Current:
framework-next.js
firestore-connect
🚀 ตั้งค่าโปรเจกต์ Next.js 15 (App Router) ให้เชื่อม Firebase SDK v10 (ข้ามแพลตฟอร์ม)
🏠 การตั้งค่า Firebase Console สำหรับ Next.js + Firestore (พร้อมภาพ)
03_เชื่อม Firebase SDK บน Client‑Side และ Server‑Side ใน Next.js (เข้าใจ ‘Firebase Modular’)
ออกแบบ-firestore-service-layer-แยก-logic-อ่าน-เขียนให้ทดสอบง่าย
ส่ง-dictionary-จากฟอร์มขึ้น-firestore-อย่างปลอดภัย-clientside-write
ใช้-nextjs-server-actions-หรือ-api-route-บันทึกข้อมูลแทน-client-เพื่อความปลอดภัย
ดึงข้อมูลแบบ-realtime-ด้วย-onsnapshot-และ-useeffect
query-ขั้นสูง-pagination-filtering-และ-composite-index
ผสาน-firebase-auth-กับ-firestore-rules-เพื่อควบคุมสิทธิ์
เตรียมโปรดักชัน-env-variables-vercel-deployment-และการคุมค่าใช้จ่าย-firestore
monorepo
ภาพรวมตัวเลือกโครงสร้าง Repo: Monorepo vs Multi‑repo
เหตุผลที่ Nokfa เลือก Monorepo
โครงสร้างโฟลเดอร์ Monorepo ของ Nokfa
ตั้ง Monorepo (pnpm + Turbo + Next.js) ตั้งแต่ 0
การสร้าง Shared Packages (auth-lib, pdf-writer, ui-kit)
Deploy แอพจาก Monorepo ไป Vercel (หลาย Project)
Git Workflow สำหรับ Monorepo Nokfa
Best Practice CI ใน Monorepo
Security & Access Control ใน Monorepo
สารบัญเอกสาร Monorepo Handbook
การจัดการ-font
การใช้-font-อย่างมีประสิทธิภาพ
การเอา-next-font-google-ไปใช้ใน-globals-css
next_font-google-อิมพอร์ตเข้า-globals-css-โดยตรงไม่ได้นะ
ใช้-next-font-google-จะรู้ได้ไงว่าใช้-font-ตัวไหนให้เลือกได้บ้าง
การเชื่อมไฟร์เบส-แก้ปัญหาที่พบ
ดึงเอาตัวแปรจากไฟล์-env-มาสร้างเป็น-firebaseconfig-แล้ว-error
พิจารณาเรื่องความปลอดภัยของแต่ละตัวแปรที่เอามาสร้าง-firebaseconfig
ปัญหาอาจเกิดจากตั้งค่า-rules-ที่จำกัดการอ่านเขียนเฉพาะ-newsletters
ตัวอย่างการตั้งค่าให้อ่านเขียนได้แบบระบุมากกว่า-1-collection
การแยกเนื้อหาจากโค้ด
sepcontent
เทคนิคใส่ลูกเล่นในตัวหนังสือที่แยกออกมา
แยกออกมาแบบนี้จะทำให้เว็บช้าลงไหม
sanitize_คืออะไร-ทำยังไง
แนวปฏิบัติการทำโปรเจ็กต์-next.js
แนวปฏิบัติ
ยินดีต้อนรับสู่ framework-next.js
กรุณาเลือกบทความที่ต้องการจากเมนูด้านซ้าย เพื่อเริ่มต้นการอ่าน