netlify cms react starter

Netlify CMS + Bereaksi Pemula

Peringatan Netlify CMS tidak lagi dikelola, oleh karena itu saya tidak akan mempertahankan proyek ini.
Lihat decaporg/decap-cms#6503.
Netlify CMS dan proyek ini sebagian besar berfungsi (mulai November 2022), meskipun dengan beberapa pendekatan yang sudah ketinggalan zaman, misalnya komponen kelas React.

Proyek awal untuk membuat situs web offline secepat kilat dengan Netlify CMS dan React.

• Buat Aplikasi Bereaksi
• Bereaksi Router untuk perutean
• React Helm untuk judul dokumen, deskripsi, meta
• React Snapshot untuk pra-render ke html statis sehingga berfungsi tanpa Javascript ️
• Netlify CMS untuk manajemen konten

Saya bertujuan untuk memasukkan komponen yang umum digunakan dan praktik terbaik misalnya formulir, pengaturan, tag, gambar yang lambat dimuat, dll.

Mulailah

1. Tekan tombol Terapkan ke Netlify . Ini akan:

• Kloning repo ke akun Github Anda
• Buatkan Anda proyek baru di Netlify, bangun & terapkan

1. Setelah proyek Netlify Anda dibuat, periksa beberapa pengaturan:

• Aktifkan Identitas
• Ubah Preferensi Pendaftaran menjadi Hanya Undangan
• Aktifkan Git Gateway

1. Undang pengguna (mungkin Anda sendiri) untuk mengaktifkan akses admin

• Buka tab Identitas dan tekan Undang Pengguna

Tunjukkan CMSnya!

CMS ada di __YOUR_SITE_NAME__.netlify.com/admin.

Berkembang

1. Kloning repo Anda ke mesin lokal Anda

2. Instal dependensi

pemasangan yarn atau npm install

1. Jalankan server pengembangan

yarn start atau npm run start

Jika Anda menambahkan atau mengedit konten secara lokal di CMS, ada beberapa hal yang perlu diperhatikan:

1. Perubahan akan dikirim ke repo jarak jauh.

2. Anda akan diminta memasukkan url situs Anda, ini diperlukan agar Netlify Identity dapat mengelola login pengguna. Ini disimpan di localStorage , jadi Anda mungkin harus mengosongkan cache browser jika Anda berpindah proyek tetapi tetap menggunakan localhost:3000 .

Mengedit bidang CMS

Konfigurasi Netlify CMS terletak di public/admin/config.yml . Di sinilah Anda akan mengonfigurasi halaman, kolom, postingan, dan pengaturan yang dapat diedit oleh CMS.

Cari tahu lebih lanjut di Dokumen CMS Netlify.

Lihat juga

Netlify Dokumen CMS
Netlifikasi Repo CMS
Hiperstatis – proyek awal yang sama tanpa Netlify CMS
Pemula CMS Gatsby + Netlify (Gatsbro)