ดาวน์โหลด precedent - ดาวน์โหลดซอร์สโค้ด precedent

ดาวน์โหลด

ก่อนหน้านี้

การสร้างบล็อกสำหรับโครงการต่อไปของคุณ

บทนำ · การปรับใช้แบบคลิกเดียว · Tech Stack + คุณสมบัติ · ผู้แต่ง

แบบอย่างเป็นคอลเล็กชั่นส่วนประกอบตะขอและยูทิลิตี้สำหรับโครงการต่อไปของคุณ

คุณสามารถปรับใช้เทมเพลตนี้เป็น Vercel ด้วยปุ่มด้านล่าง:

นอกจากนี้คุณยังสามารถโคลนและสร้าง repo นี้ในเครื่องด้วยคำสั่งต่อไปนี้:

npx create-next-app precedent --example " https://github.com/steven-tey/precedent "

จากนั้นติดตั้งการอ้างอิงด้วยตัวจัดการแพ็คเกจที่คุณเลือก:

npm i
yarn
pnpm i

precedent-demo.mp4

Next.js - React Framework สำหรับการสร้างแอพนักแสดงด้วยประสบการณ์นักพัฒนาที่ดีที่สุด
เสมียน - แพลตฟอร์มการจัดการผู้ใช้ที่ครอบคลุมพร้อมส่วนประกอบปฏิกิริยาแบบดรอปอินที่ออกแบบมาอย่างสวยงาม

Tailwind CSS-เฟรมเวิร์ก CSS ยูทิลิตี้แรกสำหรับการพัฒนา UI อย่างรวดเร็ว
Radix - Primitives เช่น Modal, Popover ฯลฯ เพื่อสร้างประสบการณ์ผู้ใช้ที่เป็นตัวเอก
Framer Motion - Library Motion สำหรับการตอบสนองต่อส่วนประกอบที่เคลื่อนไหวได้อย่างง่ายดาย
Lucide-ไอคอนที่สมบูรณ์แบบพิกเซลที่สวยงาม
next/font - เพิ่มประสิทธิภาพแบบอักษรที่กำหนดเองและลบคำขอเครือข่ายภายนอกเพื่อประสิทธิภาพที่ดีขึ้น
ImageResponse - สร้างภาพกราฟเปิดแบบไดนามิกที่ขอบ

useIntersectionObserver - ตอบสนองตะขอเพื่อสังเกตเมื่อองค์ประกอบเข้าหรือออกจากวิวพอร์ต
useLocalStorage - คงข้อมูลอยู่ในที่เก็บข้อมูลท้องถิ่นของเบราว์เซอร์
useScroll - REACE HOOK เพื่อสังเกตตำแหน่งการเลื่อน (ตัวอย่าง)
nFormatter - ตัวเลขรูปแบบที่มีคำต่อท้ายเช่น 1.2k หรือ 1.2M
capitalize ประโยชน์จากตัวอักษรตัวแรกของสตริง
truncate - ตัดทอนสตริงให้มีความยาวที่ระบุ
use-debounce งานการใช้