Download Next js Blog Boilerplate - Download Kode Sumber Next js Blog Boilerplate

Next js Blog Boilerplate

Kode Sumber AI

1.0.0

Unduh

Boilerplate Blog JS Berikutnya dengan CSS Tailwind

Banner Starter NextJS

Boilerplate Blog Next.js adalah kode starter untuk blog Anda berdasarkan Next.js 12+ Framework dengan Tailwind CSS 3.0. ⚡️ Dibuat dengan next.js, naskah, eslint, lebih cantik, postcss, css tailwind.

Kloning proyek ini dan gunakan untuk membuat blog Anda sendiri. Anda dapat memeriksa demo Template Blog JS berikutnya.

Sponsor



Tambahkan logo Anda di sini

Fitur

Fitur Blog:

? Sintaks Sorot dengan prism.js
? SEO Metadata dan Buka Tag Grafik
Json-ld untuk pengindeksan yang lebih kaya
Pagination
? Sertakan tema blog minimalis gratis
Penurunan harga
? Maksimalkan skor mercusuar

Pengalaman Pengembang Pertama:

Next.js untuk generator situs statis
? Integrasi dengan CSS Tailwind
? PostCS untuk memproses CSS Tailwind
? Ketik memeriksa naskah
✏️ linter dengan eslint
? Formatter kode dengan lebih cantik
? SEO Metadata, JSON-LD dan Tag Grafik Buka dengan SEO Berikutnya
Bundler Analyzer

Fitur bawaan dari Next.js:

☕ Minify HTML & CSS
? Reload langsung
✅ Cache Busting

Filsafat

Kode minimal
Ramah SEO
Siap-produksi

Persyaratan

Node.js dan npm

Sponsor

Memulai

Jalankan perintah berikut di lingkungan lokal Anda:

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

Kemudian, Anda dapat menjalankan secara lokal dalam mode pengembangan dengan Live Reload:

 npm run dev

Buka http: // localhost: 3000 dengan browser favorit Anda untuk melihat proyek Anda.

 .
├── _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

Kustomisasi

Anda dapat dengan mudah mengonfigurasi js boilerplate berikutnya. Harap ubah file berikut:

public/apple-touch-icon.png , public/favicon.ico , public/favicon-16x16.png dan public/favicon-32x32.png : blog Anda Favicon, Anda dapat menghasilkan dari https://favicon.io/favicon-converter/
public/assets/images/logo.png , public/assets/images/logo-32x32.png : Logo blog Anda
src/styles/main.css : File CSS Blog Anda Menggunakan CSS Tailwind
src/utils/Config.ts : file konfigurasi seperti nama blog, url, dll.
src/templates/Main.tsx : Tema Blog