การดาวน์โหลด next portfolio dev next portfolio dev Source Source Download

next portfolio dev

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

ผลงานพื้นฐานสำหรับนักพัฒนา

เวอร์ชัน Gatsby

Gatsby-Portfolio-Portfolio

ภาพหน้าจอ 2022-06-08 ที่ 15 56 48

คุณสมบัติ

ตัวพิมพ์ใหญ่
ESLINT/PRETTIER กำหนดค่า
คะแนน 100% สำหรับ A11Y / Performance / PWA / SEO
ปรับแต่งได้ง่าย
โครงสร้างโครงการที่ดี
ภาพประกอบที่น่าตื่นตาตื่นใจโดย undraw.co
แท็บเล็ตและมือถือเป็นมิตร
การปรับใช้อย่างต่อเนื่องกับ vercel
แบบฟอร์มการติดต่อที่ได้รับการปกป้องโดย Google Recaptcha ขับเคลื่อนโดย FormSpree
สามารถปรับใช้ได้ด้วยคลิกเดียว
ดึงข้อมูลโครงการที่ตรึง GitHub ของคุณด้วยดาวส่วนใหญ่ (คุณสามารถปรับแต่งสิ่งนี้ได้หากต้องการ) โดยใช้ ISR
การปรับใช้คลิกเดียวกับ vercel

ออกแบบ

โครงการเกี่ยวกับ Behance

ข้อกำหนดเบื้องต้น

ออนไลน์

คว้าปุ่ม Google Recaptcha จาก Google Recaptcha
คว้าโทเค็น gitHub ของคุณจาก GitHub
คลิกและผ่านในของคุณ:

โทเค็น GitHub

ไปยังส่วนตัวแปร Env

ในระดับท้องถิ่น

สร้างบัญชีที่ FormSpree
ติดตั้ง PNPM
คว้าโทเค็น gitHub ของคุณจาก GitHub
เรียกใช้ cp .env.development.local.template .env.development.local
หากคุณต้องการสร้างเว็บไซต์ในพื้นที่คุณจะต้องเรียกใช้ cp .env.development.local.template .env.development.local เช่นกันและให้ตัวแปร Env ของคุณ
เรียกใช้ pnpm i && pnpm dev
คุณสามารถเรียกใช้ vercel env pull เพื่อรับตัวแปร Env ของคุณจาก Vercel

ตรวจสอบให้แน่ใจว่าได้แก้ไขไฟล์ src/data/config.ts

 const config = {
  defaultTitle : 'John Doe' ,
  url : process . env . NEXT_PUBLIC_PORTFOLIO_URL ! ,
  defaultDescription : 'I’m John Doe and I’m a Software Engineer!' ,
  googleAnalyticsID : 'G-xxxxxx' ,
  twitter : '@smakosh' ,
} ;