react next boilerplate

คำเตือน: ที่เก็บนี้ไม่ได้รับการดูแลอีกต่อไป เราขอแนะนำให้ย้ายไปยัง Repo ใหม่สำหรับการอัปเดตและการสนับสนุนล่าสุด

เราใช้เวลาโดยใช้แนวทางปฏิบัติของชุมชนที่ดีเพื่อให้โครงการของคุณปรับขนาดได้

_{พื้นฐานสำหรับการลดการกำหนดค่าโครงการของคุณด้วย next.js แนวทางการพัฒนาที่ดีที่สุดและห้องสมุดยอดนิยมในชุมชนนักพัฒนา}

คุณสมบัติ

• REDUX-SAGA : ห้องสมุดที่มีจุดมุ่งหมายเพื่อสร้างผลข้างเคียงของแอปพลิเคชัน (เช่นอะซิงโครนัสเช่นการดึงข้อมูลและสิ่งที่ไม่บริสุทธิ์เช่นการเข้าถึงแคชเบราว์เซอร์) ง่ายต่อการจัดการมีประสิทธิภาพมากขึ้นในการดำเนินการง่ายต่อการทดสอบและดีขึ้นในการจัดการความล้มเหลว
• Redux-Saga-Routines : ผู้สร้างแอ็คชั่นอัจฉริยะสำหรับ Redux มีประโยชน์สำหรับการกระทำแบบ async ทุกชนิดเช่นการดึงข้อมูล ยังเข้ากันได้อย่างเต็มที่กับ Redux Saga และ Redux
• Next-I18NEXT : ปลั๊กอินสำหรับโครงการ next.js ที่ช่วยให้คุณได้รับการแปลและทำงานได้อย่างรวดเร็วและง่ายดายในขณะที่รองรับ SSR อย่างเต็มที่มีเนมสเปซหลายตัวที่มีการแยกรหัส ฯลฯ
• I18NEXT : การทำงานระหว่างประเทศที่เขียนขึ้นและสำหรับ JavaScript แต่มันยิ่งไปกว่านั้น
• Redux : คอนเทนเนอร์สถานะที่คาดการณ์ได้สำหรับแอพ JavaScript
• Reselect : Simple Selector Library สำหรับ Redux (และอื่น ๆ ) ได้รับแรงบันดาลใจจาก getters ในนิวเคลียร์การสมัครสมาชิกในเฟรมใหม่และข้อเสนอนี้จาก Speedskater
• Immer : (ภาษาเยอรมันสำหรับ: เสมอ) เป็นแพ็คเกจเล็ก ๆ ที่ช่วยให้คุณทำงานกับสถานะที่ไม่เปลี่ยนรูปแบบในวิธีที่สะดวกยิ่งขึ้น มันขึ้นอยู่กับกลไกการคัดลอกบน-เขียน
• @Testing-Library/React : ระบบสาธารณูปโภคการทดสอบ DOM แบบง่ายและสมบูรณ์แบบที่ส่งเสริมการทดสอบที่ดี
• SEO : ข้อดีของวิธีการนี้คือการสร้างประสบการณ์ผู้ใช้ที่หลากหลายในแบบที่สม่ำเสมอโดยไม่ลดทอนปัจจัยการเพิ่มประสิทธิภาพกลไกค้นหา (SEO) ซึ่งเป็นกุญแจสำคัญในการจัดอันดับที่ดีใน Google และเครื่องมือค้นหาอื่น ๆ
• Typefaces : การโฮสต์ตัวเองเร็วขึ้นอย่างมาก การโหลดตัวอักษรจาก Google Fonts หรือบริการแบบอักษรโฮสต์อื่น ๆ เพิ่มคำขอเครือข่ายพิเศษ (บล็อก)
• อารมณ์ : ห้องสมุดที่ออกแบบมาสำหรับการเขียนสไตล์ CSS ด้วย JavaScript มันให้องค์ประกอบสไตล์ที่ทรงพลังและคาดเดาได้นอกเหนือจากประสบการณ์นักพัฒนาที่ยอดเยี่ยมพร้อมคุณสมบัติเช่นแผนที่แหล่งที่มาฉลากและสาธารณูปโภคการทดสอบ

เริ่มต้น

ยินดีต้อนรับสู่เอกสารแสงของ React Next Boilerplate!

ข้อกำหนดของระบบ

• node.js 10 หรือใหม่กว่า
• รองรับ MacOS, Windows (รวมถึง WSL) และ Linux

การตั้งค่า

คลิกลิงก์นี้หรือโคลน repo นี้ด้วยตนเองและย้ายไปยังไดเรกทอรี appropiate ผ่าน:

git clone --depth=1 https://github.com/react-next-boilerplate/react-next-boilerplate.git < YOUR_PROJECT_NAME > `
cd < YOUR_PROJECT_NAME >

จากนั้นติดตั้งการพึ่งพาและเรียกใช้เซิร์ฟเวอร์ dev:

yarn
yarn dev

หากต้องการดูแอปตัวอย่างที่ http://localhost:3000 , run:

open http://localhost:3000

สคริปต์เหล่านี้อ้างถึงขั้นตอนต่าง ๆ ของการพัฒนาแอปพลิเคชัน:

• dev - รัน next ซึ่งเริ่มต้น next.js ในโหมดการพัฒนา
• build - Runs next Build ซึ่งสร้างแอปพลิเคชันสำหรับการใช้งานการผลิต
• start - เรียกใช้การเริ่มต้น next ซึ่งเริ่มต้นเซิร์ฟเวอร์การผลิต next.js

ตอนนี้คุณพร้อมที่จะดังก้อง! -

เอกสาร

• คำสั่ง: ได้รับประโยชน์สูงสุดจากแผ่นหม้อไอน้ำนี้

การสาธิต

จรรยาบรรณ

React Next Boilerplate ทุ่มเทเพื่อสร้างชุมชนที่อบอุ่นและหลากหลาย เราคาดหวังว่าทุกคนที่เข้าร่วมในชุมชน React Next Boilerplate จะปฏิบัติตามจรรยาบรรณของเรา โปรดอ่าน โปรดติดตาม ในชุมชน React Next Boilerplate เราทำงานอย่างหนักเพื่อสร้างกันและกันและสร้างสิ่งที่น่าอัศจรรย์ด้วยกัน

การบริจาค

ขอขอบคุณที่ให้ความสนใจในการบริจาค เรามีความยินดีที่คุณต้องการช่วยเหลือ เรามีคู่มือการสนับสนุนเพื่อช่วยให้คุณเริ่มต้น

ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT ลิขสิทธิ์ (c) 2019 Jorge Luis Calleja Alvarado สำหรับข้อมูลเพิ่มเติมดูใบอนุญาตโครงการ

ผู้เขียน

• Jorge Luis Calleja Alvarado (@wootsbot) - ตอบสนองหม้อต้มต่อไป