สร้างโปรเจคเว็บไซต์ระบบเรียนออนไลน์ (LMS)

สร้างโปรเจคเว็บไซต์ระบบเรียนออนไลน์ (LMS) โดยใช้เทคโนโลยีดังนี้:

- Next.js 15 (App Router)
- TypeScript
- Tailwind CSS v4
- shadcn/ui พร้อม components พื้นฐาน: button, card, input, label

ตั้งชื่อโปร...

เชื่อมต่อโปรเจคของคุณกับ Supabase เพื่อใช้เป็น Database และระบบ Authentication

1. สร้างโปรเจคใหม่ใน Supabase และจด API URL และ API Key
2. ติดตั้ง Supabase Client SDK สำหรับ Next.js
3. ตั้งค่า .env.lo...

สร้าง Utility Functions ในโปรเจคเพื่อใช้ในการจัดการข้อมูลและการแสดงผล:

1. สร้างไฟล์ src/lib/utils.ts
2. เพิ่มฟังก์ชัน cn เพื่อรวม classnames:
   ```typescript
   export function cn(...classes: string...

สร้าง Header และ Footer สำหรับโปรเจค LMS ของคุณเพื่อให้มีส่วนประกอบที่สำคัญ:

1. สร้างไฟล์ src/components/Header.tsx และเพิ่มโค้ดสำหรับแสดงโลโก้และเมนูนำทางที่ประกอบด้วย "Home", "Courses", "About", "C...

สร้างหน้าแรกสำหรับโปรเจค LMS ของคุณ:

1. สร้างไฟล์ src/app/page.tsx
2. แสดงข้อมูลสรุปของแพลตฟอร์มเรียนออนไลน์ เช่น คอร์สที่ได้รับความนิยม หรือบทความล่าสุด
3. ใช้ Component ที่สร้างขึ้นใน prompts ก่อนห...

สร้างหน้า About และ Contact เพื่อให้ข้อมูลเพิ่มเติมเกี่ยวกับแพลตฟอร์มของคุณ:

1. สร้างไฟล์ src/app/about.tsx และ src/app/contact.tsx
2. ในหน้า About เพิ่มเนื้อหาเกี่ยวกับประวัติและวัตถุประสงค์ของแพลตฟ...

กำหนดสีธีมสำหรับแพลตฟอร์ม LMS ของคุณเพื่อให้มีลักษณะเฉพาะตัว:

1. เปิดไฟล์ tailwind.config.js
2. เพิ่มสีธีมที่คุณต้องการในส่วน extend -> colors
   ```javascript
   module.exports = {
     theme: {
   ...