Next js Blog Boilerplate Download - Next js Blog Boilerplate Source Download Download

Next js Blog Boilerplate

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

1.0.0

ดาวน์โหลด

Next JS Blog Boilerplate พร้อม Tailwind CSS

แบนเนอร์เริ่มต้น nextjs

next.js blog boilerplate เป็นรหัสเริ่มต้นสำหรับบล็อกของคุณตามเฟรมเวิร์ก next.js 12+ พร้อม Tailwind CSS 3.0 ⚡ทำด้วย next.js, typescript, eslint, prettier, postcss, tailwind css

โคลนโครงการนี้และใช้เพื่อสร้างบล็อกของคุณเอง JS คุณสามารถตรวจสอบการสาธิตเทมเพลตบล็อก JS ต่อไป

ผู้สนับสนุน



เพิ่มโลโก้ของคุณที่นี่

คุณสมบัติ

คุณลักษณะบล็อก:

- ไวยากรณ์ที่เน้นด้วย prism.js
- เมตาดาต้า SEO และแท็กกราฟเปิด
JSON-LD สำหรับการจัดทำดัชนีที่สมบูรณ์ยิ่งขึ้น
การปนเปื้อน
- รวมธีมบล็อกมินิมัลลิสต์ฟรี
การทำเครื่องหมาย
- เพิ่มคะแนนประภาคาร

ประสบการณ์นักพัฒนาก่อน:

next.js สำหรับเครื่องกำเนิดไซต์แบบคงที่
- รวมเข้ากับ css tailwind
- postcss สำหรับการประมวลผล tailwind css
- ประเภทการตรวจสอบ typescript
✏ linter กับ eslint
- ฟอร์แมตรหัสด้วยสวยกว่า
- SEO Metadata, JSON-LD และ OPEN กราฟแท็กพร้อม SEO ถัดไป
เครื่องวิเคราะห์ Bundler

ฟีเจอร์ในตัวจาก next.js:

☕ minify html & css
- โหลดสดใหม่
✅การจับแคช

ปรัชญา

รหัสน้อยที่สุด
เป็นมิตรกับ SEO
พร้อมผลิต

ความต้องการ

node.js และ npm

ผู้สนับสนุน

เริ่มต้น

เรียกใช้คำสั่งต่อไปนี้ในสภาพแวดล้อมท้องถิ่นของคุณ:

 git clone --depth=1 https://github.com/ixartz/Next-js-Blog-Boilerplate.git my-project-name
cd my-project-name
npm install

จากนั้นคุณสามารถทำงานในท้องถิ่นในโหมดการพัฒนาด้วยการโหลดสด:

 npm run dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ที่คุณชื่นชอบเพื่อดูโครงการของคุณ

 .
├── _posts            # Your blog posts
├── public            # Static files
│   ├── assets
│   │   └── images
│   │       └── posts # Images used in your blog posts
└── src
    ├── pages         # Next.js pages
    ├── styles        # Your blog CSS files
    └── templates     # Blog templates

การปรับแต่ง

คุณสามารถกำหนดค่า Boilerplate JS Next ได้อย่างง่ายดาย โปรดเปลี่ยนไฟล์ต่อไปนี้:

public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png และ public/favicon-32x32.png : บล็อกของคุณ favicon คุณสามารถสร้างจาก https://favicon.io/favicon-converter
public/assets/images/logo.png , public/assets/images/logo-32x32.png : โลโก้บล็อกของคุณ
src/styles/main.css : ไฟล์บล็อก css ของคุณโดยใช้ tailwind css
src/utils/Config.ts : ไฟล์การกำหนดค่าเช่นชื่อบล็อก, url ฯลฯ
src/templates/Main.tsx : ธีมบล็อก