devhunt

Devhunt

แพลตฟอร์มการเปิดตัวโอเพนซอร์ซและการทำงานร่วมกันสำหรับเครื่องมือ Dev ที่สร้างโดยนักพัฒนา เข้าร่วมกับเราที่ devhunt.org เพื่อแสดงนวัตกรรมของคุณและเสริมสร้างเครื่องมือนักพัฒนาซอฟต์แวร์ทั่วทั้งเว็บ!

เริ่มต้นอย่างรวดเร็ว

สร้างไฟล์ .env.local ที่รูทของโครงการของคุณและเติมด้วยตัวแปรสภาพแวดล้อมต่อไปนี้:

 NEXT_PUBLIC_SUPABASE_URL=https://tusrbkspwpvucxzqhrgo.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InR1c3Jia3Nwd3B2dWN4enFocmdvIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTYyNzI2OTUsImV4cCI6MjAxMTg0ODY5NX0.-HdjMYlbwVMggJiQ4cFxpr-AmNH1ueXBEgqxMPDlSJY

ติดตั้งแพ็คเกจ

npm install
# or
yarn install
# or
pnpm install

เรียกใช้เซิร์ฟเวอร์ dev

npm run dev

เปิด http: // localhost: 3000 ในเบราว์เซอร์ของคุณ เสร็จแล้ว!

เริ่มต้น

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

คืนค่าการถ่ายโอนข้อมูล supabase

1. สร้างโครงการ supabase และตรวจสอบให้แน่ใจว่าได้บันทึกรหัสผ่านฐานข้อมูล
2. จากนั้นนำทางไปยัง Project Settings -> Database Settings -> Connection Info
3. คัดลอกค่า Host ซึ่งควรมีลักษณะเหมือน db.<ReferenceID>.supabase.co

ในการกู้คืนการถ่ายโอนข้อมูลให้ดำเนินการคำสั่งต่อไปนี้:

psql -h db. < ReferenceID > .supabase.co -U postgres -d postgres < /supabase/dump.sql

คุณจะได้รับแจ้งให้ป้อนรหัสผ่านฐานข้อมูล สามารถพบได้ใน Project Settings -> Database Settings -> Database Password หรือใช้รหัสผ่านที่คุณบันทึกไว้ระหว่างการสร้างโครงการ

ตั้งค่า .env.local การกำหนดค่า

สร้างไฟล์ .env.local ที่รูทของโครงการของคุณและเติมด้วยตัวแปรสภาพแวดล้อมต่อไปนี้:

 NEXT_PUBLIC_SUPABASE_URL=<Your_Project_URL>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<Your_Anonymous_Key>
SUPABASE_SERVICE_ROLE_KEY=<Your_Service_Role_Key>

คุณสามารถค้นหาค่าคีย์ได้ที่นี่:

1. <Your_Project_URL> -นำทางไปยัง Project Settings -> API -> Project URL และคัดลอก URL
2. <Your_Anonymous_Key> -ไปที่ Project Settings -> API -> Project API keys และค้นหาคีย์ public anon
3. <Your_Service_Role_Key> -ภายใต้ Project Settings -> API -> Project API keys ค้นหาคีย์ service_role secret

ตั้งค่าเข้าสู่ระบบโซเชียล (OAuth)

หากต้องการเปิดใช้งานคุณสมบัติการเข้าสู่ระบบโซเชียลให้ทำตามคำแนะนำด้านล่างสำหรับแต่ละแพลตฟอร์ม:

• GitHub เข้าสู่ระบบ : เพียงกำหนดค่าการตั้งค่า supabase ของคุณ สำหรับคำแนะนำโดยละเอียดโปรดดูที่คู่มือ Supabase GitHub OAuth - คุณต้องกำหนดค่า supabase เท่านั้น
• Google เข้าสู่ระบบ : ทำตามขั้นตอนที่ระบุไว้ในคู่มือ Google Oauth Supabase
• ผู้ให้บริการเพิ่มเติม : สำหรับรายการที่สมบูรณ์ของวิธีการเข้าสู่ระบบโซเชียลที่มีอยู่ทั้งหมดให้ปรึกษาเอกสารการเข้าสู่ระบบ Supabase Social Login

คู่มือเหล่านี้จะนำคุณผ่านการกำหนดค่าที่จำเป็นสำหรับการเปิดใช้งานการเข้าสู่ระบบทางสังคมที่ใช้ OAUTH

เปิดแอป

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

npm run dev
# or
yarn dev
# or
pnpm dev

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

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

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

ปรับใช้บน vercel

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

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

การบริจาค

คุณสนใจที่จะมีส่วนร่วมกับ Devhunt โปรดอ่านคู่มือการสนับสนุนของเราเพื่อเรียนรู้เกี่ยวกับกระบวนการพัฒนาของเราก่อนที่จะส่งคำขอดึง

การฟอร์กและโคลนนิ่ง

คุณมีอิสระที่จะแยกและโคลนตราบใดที่คุณอ้างถึงโครงการดั้งเดิมอย่างชัดเจน หากเป็น GitHub ให้ดูที่ https://github.com/marsx-dev/devhunt หากเป็นเว็บไซต์ให้อ้างอิงถึง devhunt.org พร้อมโลโก้ที่โดดเด่นและลิงก์