git search repo

การทำงาน

แอพนี้ดึงข้อมูลผู้ใช้ GitHub โดยใช้ GitHub API แสดงที่เก็บสาธารณะและจัดเก็บประวัติการค้นหาในที่เก็บข้อมูลท้องถิ่นของเบราว์เซอร์ มันมีวิธีที่มีประสิทธิภาพสำหรับนักพัฒนาในการสำรวจและเข้าถึงโครงการ GitHub

การสาธิต

https://git-search-repo.vercel.app/

นี่คือ next.js project bootstrapped ด้วย create-next-app

เริ่มต้น

ก่อนอื่นให้เรียกใช้เซิร์ฟเวอร์การพัฒนา:

npm run dev
# or
yarn dev
# or
pnpm dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

คุณสามารถเริ่มแก้ไขหน้าโดยการแก้ไข app/page.js การอัปเดตหน้าอัตโนมัติเมื่อคุณแก้ไขไฟล์

โครงการนี้ใช้ next/font เพื่อเพิ่มประสิทธิภาพและโหลด Inter โดยอัตโนมัติซึ่งเป็นแบบอักษร Google ที่กำหนดเอง

เรียนรู้เพิ่มเติม

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ next.js ลองดูแหล่งข้อมูลต่อไปนี้:

• Next.js Documentation - เรียนรู้เกี่ยวกับคุณสมบัติ Next.js และ API
• เรียนรู้ next.js - การสอนแบบโต้ตอบ next.js

คุณสามารถตรวจสอบพื้นที่เก็บข้อมูล next.js GitHub - ยินดีต้อนรับข้อเสนอแนะและการมีส่วนร่วมของคุณ!

ปรับใช้บน vercel

วิธีที่ง่ายที่สุดในการปรับใช้แอป Next.js ของคุณคือการใช้แพลตฟอร์ม vercel จากผู้สร้างของ Next.js

ตรวจสอบเอกสารการปรับใช้ next.js ของเราสำหรับรายละเอียดเพิ่มเติม

- มีส่วนร่วมใน git-search-repo

หากคุณรู้สึกใจดีมากคุณสามารถค้นหาปัญหาบางอย่างที่คุณมีกับเว็บไซต์และพยายามช่วยเราด้วย ยินดีต้อนรับการมีส่วนร่วมในเชิงบวกทุกประเภท! โปรดช่วยให้เราเติบโตโดยมีส่วนร่วมในโครงการ

หากคุณต้องการมีส่วนร่วมคุณทำได้

• สร้างปัญหา
• แนะนำคุณสมบัติ
• ทดสอบแอพและช่วยในการปรับปรุง
• ปรับปรุงแอพแก้ไขข้อบกพร่อง ฯลฯ
• ปรับปรุงเอกสาร
• สร้างเนื้อหาเกี่ยวกับ git-search-repo และแบ่งปันกับโลก - ใหม่สำหรับโอเพ่นซอร์ส? ทำตามคำแนะนำนี้เพื่อเริ่มต้นการเดินทางโอเพนซอร์สของคุณ

วิธีการตั้งค่า git-search-repo เพื่อการพัฒนา?

คุณอาจต้องการตั้งค่า Repo git-search-repo ด้วยเหตุผลดังต่อไปนี้:

• คุณต้องการสร้างคุณสมบัติใหม่หรือต้องการแก้ไขการเล่นที่มีอยู่ในฐานะผู้สนับสนุน

• คุณต้องการมีส่วนร่วมในการซื้อ Repo git-search-repo โดยทั่วไปโดยการแนะนำข้อบกพร่องปัญหาและการปรับปรุง

• นี่คือภาพรวมอย่างรวดเร็วของการตั้งค่า repo git-search-repo :

- ส้อมและโคลน repo

ก่อนอื่นคุณต้องแยก Repo git-search-repo คุณสามารถทำได้โดยคลิกที่ปุ่ม Fork ที่มุมขวาบนของ repo หากคุณยังใหม่กับ Forking โปรดดูคู่มือ YouTube นี้เพื่อเริ่มต้นใช้งาน

เมื่อแยกคุณสามารถโคลน repo ได้โดยคลิกที่ Clone or Download ที่มุมบนขวาของ repo ที่ถูกแยก

โปรดเปลี่ยนไดเรกทอรีหลังจากโคลนที่เก็บโดยใช้คำสั่ง cd <folder-name>

ติดตั้งการพึ่งพา

ถัดไปติดตั้งการพึ่งพาโดยเรียกใช้คำสั่งต่อไปนี้ใน Repo git-search-repo เราขอแนะนำให้ใช้ yarn แต่คุณสามารถติดตั้งได้โดยใช้ npm ได้เช่นกัน

yarn install

หรือ

 npm install

หากคุณไม่ได้ติดตั้ง yarn บนพีซีของคุณให้ทำตามขั้นตอนด้านล่างเพื่อติดตั้ง ..

หน้าต่าง

1. เปิดพรอมต์คำสั่งของคุณในฐานะผู้ดูแลระบบ
2. เขียน corepack enable และกด Enter
3. จากนั้น npm install --global yarn

ลินเวกซ์

1. เปิดเทอร์มินัลและกด npm install --global yarn

แม็กอส

1. เปิดเทอร์มินัลและกด npm install --global yarn หรือ brew install yarn

หมายเหตุ : git-search-repo ทำงานบน React 18 อย่างไรก็ตามการพึ่งพาของเราบางส่วนยังไม่ได้อัพเกรดเป็นเวอร์ชัน 18 ดังนั้นโปรดใช้คำสั่งต่อไปนี้เมื่อคุณประสบปัญหาในการติดตั้งการพึ่งพา นอกจากนี้ตรวจสอบให้แน่ใจว่าใช้เวอร์ชัน node.js> = 16.x

 npm install --legacy-peer-deps

- เริ่มโหมดการพัฒนา

ใช้คำสั่งต่อไปนี้เพื่อเริ่มแอปในโหมดการพัฒนา:

yarn dev

หรือถ้าคุณติดตั้งการพึ่งพาโดยใช้คำ npm ด้านล่างคำสั่ง

 npm run dev