หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

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

Next.js แดชบอร์ด

A Next.js Boilerplate พร้อมเทมเพลตผู้ดูแลระบบ Boostrap โอเพ่นซอร์สที่มีชื่อเสียง CoreUi

แดชบอร์ดนี้สร้างขึ้นด้วย Typescript และ React Bootstrap โดยใช้เราเตอร์แอพ

ภาพหน้าจอ

แผงหน้าปัด

https://nextjs-dashboard-olive.vercel.app

แสงสว่าง มืด
มือถือ (ยุบ) มือถือ (ขยาย)
แผงหน้าปัดแผงหน้าปัด

หน้าตัวอย่าง

https://nextjs-dashboard-olive.vercel.app/pokemons

พูดได้หลายภาษา

ภาษาอังกฤษ日本語

เข้าสู่ระบบ

https://nextjs-dashboard-olive.vercel.app/login

เข้าสู่ระบบ

ลงทะเบียน

https://nextjs-dashboard-olive.vercel.app/register

ลงทะเบียน

เริ่มต้น

ขั้นแรกให้ตั้งค่าแอปพลิเคชัน: 

pnpm install

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

pnpm run dev

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

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

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

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

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

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

อ้างอิง

  1. https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/function_components/
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด