หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด
bio generator

เครื่องกำเนิดไบโอโซเชียลมีเดีย Ai

ภาพหน้าจอของโครงการ

เว็บไซต์สาธิต

  • ตรวจสอบการสาธิตสดของโครงการนี้: เว็บไซต์สาธิต

วิดีโอสาธิต

ลองชมวิดีโอสาธิตเพื่อดูการทำงานของแอปและเรียนรู้วิธีการทำงานของแอป

ทรัพยากรที่ใช้ในโครงการนี้

ทรัพยากรการพัฒนา

  • แบบอักษรจาก Vercel Fonts
  • ไอคอนจาก Iconify Design
  • LLM จาก Groq
  • ส่วนประกอบ UI ที่ใช้ Shadcn UI และ Magic UI
  • การบูรณาการ AI โดยใช้ Vercel AI SDK

นี่คือโปรเจ็กต์ Next.js ที่บูทด้วย create-next-app

เริ่มต้นใช้งาน

ในการเริ่มต้นโครงการนี้ คุณมีสองทางเลือก:

1. โคลนพื้นที่เก็บข้อมูล

  • ใช้ลิงก์ต่อไปนี้เพื่อโคลนพื้นที่เก็บข้อมูลไปยังเครื่องภายในของคุณ: 

     git clone https://github.com/Jomonh/Todo-App.git

  • เมื่อโคลนแล้ว ให้ไปที่ไดเร็กทอรีโปรเจ็กต์: 

     cd Todo-App

2. แยกพื้นที่เก็บข้อมูล

  • หากต้องการ คุณสามารถแยกพื้นที่เก็บข้อมูลนี้ได้โดยตรง

  • คลิกปุ่มแยกที่ด้านบนขวาของหน้านี้

  • หลังจากการฟอร์ก ให้โคลนพื้นที่เก็บข้อมูลจากบัญชีของคุณ: 

     git clone https://github.com/your-username/your-forked-repository.git

บันทึก:

สร้างไฟล์ .env.local ในรูทของโปรเจ็กต์ของคุณ และเพิ่มคีย์ api ของคุณเอง ซึ่งคุณสามารถพบได้ที่นี่

จากนั้นรันเซิร์ฟเวอร์การพัฒนา: 

 npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

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

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

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

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

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

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

ปรับใช้บน Vercel

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

ตรวจสอบเอกสารการติดตั้ง Next.js ของเราเพื่อดูรายละเอียดเพิ่มเติม

- อย่าลืมติดดาว!

  • หากคุณพบว่าโครงการนี้มีประโยชน์ โปรดพิจารณาให้ดาวแก่โครงการนี้ มันช่วยให้คนอื่นค้นพบมันด้วย!

ใบอนุญาต

  • โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT - ดูรายละเอียดในไฟล์ใบอนุญาต
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด