react resume template
v2.0.0
กำลังมองหาเวอร์ชันเก่า? คุณสามารถค้นหาได้ที่นี่
นี่คือเทมเพลตเว็บไซต์ประวัติส่วนตัวแบบตอบสนอง สร้างขึ้นด้วย TypeScript บนเฟรมเวิร์ก next.js สไตล์ด้วย Tailwind CSS และเติมข้อมูลด้วยข้อมูลจากไฟล์เดียวคุณสามารถสร้างปรับแต่งและโฮสต์เว็บไซต์ส่วนตัวของคุณเองได้อย่างง่ายดาย ยิ่งไปกว่านั้นไซต์นั้นได้รับการปรับให้เหมาะกับมือถือและแสดงผลด้านเซิร์ฟเวอร์อย่างสมบูรณ์เพื่อให้แน่ใจว่าการโหลดอย่างรวดเร็วและ UI ที่สะอาดบนอุปกรณ์ใด ๆ อ่านเพื่อเรียนรู้วิธีการทำให้เป็นของคุณเอง
ในการสร้างเว็บไซต์นี้คุณจะต้องดาวน์โหลด Node และเส้นด้ายที่มีเสถียรภาพล่าสุดและติดตั้งบนเครื่องของคุณ หากคุณยังไม่มีพวกเขาคุณสามารถรับโหนดได้ที่นี่และเส้นด้ายที่นี่
จากนั้นค้นหาปุ่ม Fork ที่ด้านบนขวาของหน้านี้ สิ่งนี้จะช่วยให้คุณสามารถทำสำเนาของคุณเองสำหรับข้อมูลเพิ่มเติมเกี่ยวกับ Forking Repo's ดูที่นี่ หลังจากนี้ให้ดาวน์โหลดไปยังเครื่องพัฒนาของคุณโดยใช้ปุ่ม Green Code ที่ด้านบนของหน้า repo
เมื่อคุณมีสำเนา repo forked และดาวน์โหลดของคุณเองแล้วให้เปิดโฟลเดอร์ในเทอร์มินัลที่คุณชื่นชอบและเรียกใช้ yarn install เพื่อติดตั้งการพึ่งพา ต่อไปนี้เรียกใช้ yarn dev เพื่อเรียกใช้โครงการ ในเทอร์มินัลของคุณคุณควรได้รับ URL ของอินสแตนซ์ที่กำลังทำงานอยู่ (โดยปกติจะเป็น http: // localhost: 3000 เว้นแต่คุณจะมีสิ่งอื่นที่กำลังทำงานอยู่)
ข้อมูลทั้งหมดสำหรับไซต์นั้นขับเคลื่อนผ่านไฟล์ที่ /src/data/data.tsx นี่คือที่ที่คุณจะพบเนื้อหาที่มีอยู่และการอัปเดตค่าที่นี่จะปรากฏบนเว็บไซต์ หากคุณมีเว็บไซต์ที่ทำงานตามที่อธิบายไว้ข้างต้นคุณควรเห็นการเปลี่ยนแปลงเหล่านี้สะท้อนให้เห็นถึงการบันทึก ประเภทข้อมูลสำหรับรายการทั้งหมดเหล่านี้จะได้รับในโฟลเดอร์เดียวกันในไฟล์ dataDef.ts ตัวอย่างภาพสามารถดูได้ที่ src/images/ และนำเข้าในไฟล์ข้อมูล หากต้องการเปลี่ยนแปลงเพียงอัปเดตรูปภาพเหล่านี้โดยใช้ชื่อและตำแหน่งเดียวกันหรือเพิ่มรูปภาพใหม่และอัปเดตการนำเข้า
เนื่องจากมีตัวเลือกที่หลากหลายสำหรับผู้ให้บริการแบบฟอร์มการติดต่อฉันได้เชื่อมต่อแบบฟอร์มการติดต่อเท่านั้นจนถึงการจัดการอินพุตและสถานะ การส่งแบบฟอร์มและการส่งอีเมลจริงเปิดให้คุณใช้งาน คำแนะนำส่วนตัวของฉันสำหรับผู้ให้บริการอีเมลคือ SendGrid
แน่นอนรหัสทั้งหมดอยู่ที่นั่นและไม่มีอะไรซ่อนอยู่จากคุณดังนั้นหากคุณต้องการเปลี่ยนแปลงสไตล์/ข้อมูลอื่น ๆ ให้รู้สึกอิสระ!
การปรับใช้ไซต์ใหม่ของคุณไปยัง Vercel นั้นง่ายและสามารถทำได้โดยทำตามคำแนะนำของพวกเขาที่นี่ เมื่อคุณทำเสร็จแล้วและงานสร้างประสบความสำเร็จคุณควรได้รับ URL สำหรับเว็บไซต์สดของคุณไปที่นั่นแล้วคุณจะเห็นเว็บไซต์ประวัติส่วนตัวใหม่ของคุณ! ยินดีด้วย!
