nextjs lingui template

next.js & lingui: การสร้างเว็บไซต์หลายภาษา

ภาพรวม

ยินดีต้อนรับสู่โครงการเทมเพลตการสร้างไซต์ (SSG) Lingui Next และ Lingui! พื้นที่เก็บข้อมูลนี้แสดงให้เห็นถึงการรวมที่ทันสมัยของ Next.js และ Lingui สำหรับการสร้างแอพพลิเคชั่นเว็บแบบคงที่ด้วยการสนับสนุนหลายภาษา

Next.js ซึ่งเป็นเฟรมเวิร์ก React ที่ทรงพลังได้รับการออกแบบมาเพื่อสร้างแอปพลิเคชัน React ที่แสดงผลเซิร์ฟเวอร์และไซต์ SSG ในบริบทนี้เราใช้ความสามารถในการสร้างไซต์แบบคงที่ของ JS ต่อไปในการสร้างหน้าล่วงหน้าในเวลาที่สร้าง

เมื่อรวมกับ Lingui ซึ่งเป็นห้องสมุด I18N (นานาชาติ) สำหรับ JavaScript เราได้พยายามสร้างเว็บไซต์แบบคงที่หลายภาษาซึ่งให้ความสำคัญกับผู้ชมทั่วโลกได้อย่างมีประสิทธิภาพ

เป้าหมายของเรากับโครงการเทมเพลตนี้คือการแสดงให้เห็นถึงขั้นตอนการสร้างแอพพลิเคชั่นเว็บสแตติกสากลที่เป็นนักแสดง, SEO-advantaged และดูแลการจัดการการแปลที่ง่ายขึ้นความสุภาพของความสามารถที่เกิดขึ้นจากการมีเพศสัมพันธ์ของ SSG และ Lingui ของ JS Next.js

คุณสมบัติที่สำคัญ

• การสร้างไซต์แบบคงที่ด้วย next.js : สัมผัสกับข้อได้เปรียบที่เป็นเอกลักษณ์ของการใช้งาน next.js ในเว็บแอปพลิเคชันแบบคงที่ของเรา ซึ่งรวมถึงประโยชน์เช่นประสิทธิภาพที่ดีขึ้นและ SEO การกำหนดเส้นทางฝั่งไคลเอ็นต์และกระบวนการพัฒนาที่มีความคล่องตัวมากขึ้น
• การจัดการการแปลด้วย Lingui : ค้นพบว่า Lingui ช่วยลดความซับซ้อนในการจัดการการแปลในแอพพลิเคชั่นเว็บแบบสแตติกของเราตั้งแต่การแยกข้อความไปจนถึงการจัดเรียงภาษาและการจัดรูปแบบภาษาท้องถิ่น
• การสลับภาษาแบบเรียลไทม์ : สัมผัสคุณลักษณะแบบโต้ตอบของเว็บแอปแบบคงที่ของเราที่เปิดใช้งานการสลับภาษาแบบไดนามิก สิ่งนี้ช่วยให้ผู้ใช้สามารถสลับระหว่างภาษาต่าง ๆ ได้อย่างง่ายดายโดยไม่ต้องนำทางออกจากหน้าปัจจุบัน

เริ่มต้น

คลิกที่ Use this template เพื่อสร้าง repo สำหรับแอปของคุณ

จากนั้นใช้เทมเพลตโครงการนี้ให้ทำตามขั้นตอนเหล่านี้:

1. โคลนที่เก็บนี้: git clone https://github.com/your-username/your-repo.git
2. นำทางไปยังไดเรกทอรีโครงการ: cd your-repo
3. ติดตั้งการพึ่งพาโครงการ: pnpm install
4. เริ่มต้นเซิร์ฟเวอร์การพัฒนา: pnpm run dev
5. เปิดเบราว์เซอร์ของคุณและเยี่ยมชม http: // localhost: 3000 เพื่อดูแอปพลิเคชันที่ดำเนินการ

การบริจาค

เรายินดีต้อนรับการมีส่วนร่วมในโครงการนี้! เพื่อมีส่วนร่วมทำตามขั้นตอนเหล่านี้:

1. แยกที่เก็บ
2. สร้างสาขาใหม่: git checkout -b your-feature
3. ทำการเปลี่ยนแปลงของคุณและกระทำพวกเขา: git commit -m "Add your feature"
4. ผลักดันไปยังสาขา: git push origin your-feature
5. เปิดคำขอดึงไปยังสาขาหลักของที่เก็บนี้

ใบอนุญาต

โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต Apache - ดูไฟล์ใบอนุญาตสำหรับรายละเอียด