nextjs mongodb app

next.js ❤ MongoDB

แอปพลิเคชั่นเว็บ Next.js และ MongoDB ออกแบบด้วยความเรียบง่ายสำหรับการเรียนรู้และการบังคับใช้ในโลกแห่งความเป็นจริง

ตรวจสอบการสาธิต

คุณสมบัติ

- เร็วและเบาโดยไม่ต้องมีขนาดใหญ่, slow express.js

การใช้งานเส้นทาง API เต็มรูปแบบและ? พร้อมเซิร์ฟเวอร์พร้อม

- รูปแบบมิดเดิลแวร์ ol 'ที่ดีเข้ากันได้กับระบบนิเวศด่วนขับเคลื่อนโดยการเชื่อมต่อครั้งต่อไป

- จูบ: ไม่มีสิ่งแฟนซีเช่น graphql, sass, redux ฯลฯ ✍มาพร้อมกับโพสต์บล็อกอธิบาย

- สามารถปรับให้เข้ากับฐานข้อมูลใด ๆ นอกเหนือจาก MongoDB (เพียงอัปเดต API-LIB/DB)

การรับรองความถูกต้องและบัญชี

• การรับรองความถูกต้องตามเซสชัน (Passport.js)
• ลงทะเบียน/เข้าสู่ระบบ/ออกจากระบบ API
• การรับรองความถูกต้องทางอีเมล/รหัสผ่าน
• การรับรองความถูกต้องผ่าน OAuth (Google, Facebook ฯลฯ )
• การยืนยันอีเมล
• เปลี่ยนรหัสผ่าน
• รีเซ็ตรหัสผ่านทางอีเมล

- ประวัติโดยย่อ

• รูปโปรไฟล์ชื่อผู้ใช้ชื่อชีวภาพอีเมล
• อัปเดตโปรไฟล์ผู้ใช้

- ทางสังคม

• ดูโปรไฟล์ของผู้อื่น
• โพสต์และความคิดเห็น

^{มีคุณสมบัติใด ๆ ที่คุณสนใจสร้างปัญหา ต้องการทำงานกับฟีเจอร์สร้าง PR}

แนะนำ

โครงการนี้มาพร้อมกับโพสต์ต่อไปนี้:

• การรับรองความถูกต้องของผู้ใช้ (ใช้ Passport.js)
• โปรไฟล์ผู้ใช้และรูปภาพโปรไฟล์
• การยืนยันอีเมลการรีเซ็ต/เปลี่ยนรหัสผ่านรหัสผ่าน
• โพสต์และความคิดเห็น

ตรวจสอบพวกเขาใน dev.to

แม้ว่าโครงการจะถูกเขียนขึ้นเพื่อความปลอดภัย แต่ความเรียบง่ายต้องมีการพิจารณาอย่างรอบคอบสำหรับการใช้งานในการผลิตที่ละเอียดอ่อน ยื่นปัญหาหากคุณพบปัญหาความปลอดภัยใด ๆ

การพึ่งพาอาศัยกัน

โครงการนี้ใช้การพึ่งพาต่อไปนี้:

• next.js - V9.3 หรือสูงกว่าที่จำเป็นสำหรับ เส้นทาง API และ วิธีการดึงข้อมูล ใหม่
• react - V16.8 หรือสูงกว่าที่จำเป็นสำหรับ การทำปฏิกิริยา
• react-dom - V16.8 หรือสูงกว่า
• swr - จำเป็นสำหรับการจัดการสถานะอาจถูกแทนที่ด้วย react-query
• mongodb - อาจถูกแทนที่ด้วย mongoose
• passport , passport-local - จำเป็นสำหรับการตรวจสอบความถูกต้อง
• next-connect - แนะนำหากคุณต้องการใช้มิดเดิลแวร์ Express/Connect และการกำหนดเส้นทางวิธีที่ง่ายขึ้น
• next-session , connect-mongo จำเป็นสำหรับเซสชันอาจถูกแทนที่ด้วยไลบรารีเซสชันอื่น ๆ เช่น cookie-session , next-iron-session หรือ express-session ( express-session ไม่สามารถทำงานได้อย่างถูกต้องใน Next.js 11+)
• bcryptjs - เป็นทางเลือกอาจถูกแทนที่ด้วยไลบรารีการแฮชรหัสผ่านใด ๆ argon2 แนะนำ
• validator - ตัวเลือก แต่แนะนำเพื่อตรวจสอบอีเมล
• ajv - ตัวเลือก แต่แนะนำเพื่อตรวจสอบตัวตนของคำขอ
• multer - อาจถูกแทนที่ด้วยมิดเดิลแวร์ใด ๆ ที่จัดการ multipart/form-data
• cloudinary - เสริม เฉพาะในกรณีที่ คุณใช้ Cloudinary สำหรับการอัปโหลดรูปภาพ
• การพึ่งพาตัวเลือกอื่น ๆ สำหรับวัตถุประสงค์ด้านเครื่องสำอาง
• nodemailer - เป็นทางเลือก เฉพาะในกรณีที่ คุณใช้สำหรับอีเมล ขอแนะนำให้ใช้บริการบุคคลที่สามเช่น Mailgun, AWS SES ฯลฯ แทน

ตัวแปรสิ่งแวดล้อม

ตัวแปรด้านสิ่งแวดล้อมในโครงการนี้รวมถึง:

• MONGODB_URI สตริงการเชื่อมต่อ MongoDB (พร้อมข้อมูลรับรองและชื่อฐานข้อมูล)
• WEB_URI URL ของเว็บแอปของคุณ
• CLOUDINARY_URL (เป็นตัวเลือก, Cloudinary Only ) ตัวแปรสภาพแวดล้อมแบบคลาวด์สำหรับการกำหนดค่า ดูสิ่งนี้
• NODEMAILER_CONFIG (เป็นทางเลือกหากใช้ nodemailer เท่านั้น ) json stringified nodemailer config เช่น {"service":"Gmail","auth":{"user":"[email protected]","pass":"aHR0cHM6Ly95b3V0dS5iZS9kUXc0dzlXZ1hjUQ=="}}

การพัฒนา

เริ่มต้นเซิร์ฟเวอร์การพัฒนาโดยเรียกใช้ yarn dev หรือ npm run dev เริ่มต้นใช้งานโดยสร้างไฟล์ .env.local พร้อมตัวแปรข้างต้น ดูตัวแปรสภาพแวดล้อม

การปรับใช้

โครงการนี้สามารถปรับใช้ได้ทุกที่ถัดไป Js สามารถปรับใช้ได้ ตรวจสอบให้แน่ใจว่าได้ตั้งค่าตัวแปรสภาพแวดล้อมโดยใช้ตัวเลือกที่จัดทำโดยผู้ให้บริการคลาวด์/โฮสติ้งของคุณ

หลังจากสร้างโดยใช้ npm run build เพียงเริ่มเซิร์ฟเวอร์โดยใช้ npm run start

นอกจากนี้คุณยังสามารถปรับใช้สิ่งนี้กับผู้ให้บริการที่ไม่มีเซิร์ฟเวอร์เนื่องจากการตั้งค่าที่ถูกต้อง

การบริจาค

โปรดดูการสนับสนุนของฉัน

ใบอนุญาต

มิกซ์