️ Peringatan: Repositori ini tidak lagi dipertahankan. Kami merekomendasikan migrasi ke repo baru untuk pembaruan dan dukungan terbaru.
Kami menghabiskan waktu menggunakan praktik komunitas yang baik untuk membuat proyek Anda dapat diukur.
Dasar untuk mengurangi konfigurasi proyek Anda dengan Next.js , praktik pengembangan terbaik dan perpustakaan populer di komunitas pengembang.
Fitur
Redux-Saga : Perpustakaan yang bertujuan untuk membuat efek samping aplikasi (yaitu hal-hal asinkron seperti pengambilan data dan hal-hal yang tidak murni seperti mengakses cache browser) lebih mudah dikelola, lebih efisien untuk dieksekusi, mudah diuji, dan lebih baik dalam menangani kegagalan.
Redux-Saga-routines : Pencipta aksi pintar untuk Redux. Berguna untuk segala jenis tindakan async seperti mengambil data. Juga sepenuhnya kompatibel dengan redux saga dan bentuk redux.
NEXT-I18NEXT : Plugin untuk proyek Next.js yang memungkinkan Anda untuk mendapatkan terjemahan dan berjalan dengan cepat dan mudah, sementara SSR yang sepenuhnya mendukung, beberapa namespaces dengan pemisahan kode, dll.
I18NEXT : Sebuah kerangka internasionalisasi yang ditulis dalam dan untuk JavaScript. Tapi itu lebih dari itu.
Redux : Wadah negara yang dapat diprediksi untuk aplikasi JavaScript.
Select : Perpustakaan Pemilih Sederhana untuk Redux (dan Lainnya) Terinspirasi oleh Getters in NucleArjs, Langganan dalam Frame Re-Frame dan Proposal ini dari Speedskater.
IMMER : (Jerman untuk: Selalu) adalah paket kecil yang memungkinkan Anda untuk bekerja dengan negara yang tidak dapat diubah dengan cara yang lebih nyaman. Ini didasarkan pada mekanisme copy-on-write
@testing-library/react : Utilitas pengujian dom reaksi sederhana dan lengkap yang mendorong praktik pengujian yang baik.
SEO : Keuntungan dari pendekatan ini adalah untuk dapat membuat pengalaman pengguna yang kaya secara seragam, tanpa mengorbankan faktor optimasi mesin pencari (SEO) yang merupakan kunci untuk peringkat yang baik di Google dan mesin pencari lainnya.
Typefaces : Pembawa acara sendiri secara signifikan lebih cepat. Memuat jenis huruf dari Google Fonts atau layanan font yang di -host lainnya menambahkan permintaan jaringan tambahan (pemblokiran).
Emosi : Perpustakaan yang dirancang untuk menulis gaya CSS dengan JavaScript. Ini memberikan komposisi gaya yang kuat dan dapat diprediksi selain pengalaman pengembang yang hebat dengan fitur -fitur seperti peta sumber, label, dan utilitas pengujian.
Memulai
Selamat datang di dokumentasi cahaya React Next Boilerplate!
Persyaratan sistem
Node.js 10 atau lebih
MacOS, Windows (termasuk WSL), dan Linux didukung
Pengaturan
Klik tautan ini atau mengkloning repo ini secara manual dan pindah ke direktori approPiate melalui:
Kemudian, instal dependensi dan jalankan server dev:
yarn
yarn dev
Untuk melihat aplikasi contoh di http://localhost:3000 , jalankan:
open http://localhost:3000
Script ini merujuk pada berbagai tahap pengembangan aplikasi:
dev - berjalan next yang dimulai Next.js dalam mode pengembangan
build - menjalankan build next yang membangun aplikasi untuk penggunaan produksi
start - menjalankan start next yang memulai server produksi next.js
Sekarang Anda siap bergemuruh! ?
Dokumentasi
Perintah: Mendapatkan hasil maksimal dari boilerplate ini
Demo
Kode Etik
Bereaksi Boilerplate berikutnya didedikasikan untuk membangun komunitas yang ramah, beragam, dan aman. Kami berharap semua orang yang berpartisipasi dalam komunitas Boilerplate React Next mematuhi kode perilaku kami. Harap baca. Silakan ikuti. Di komunitas React Next Boilerplate, kami bekerja keras untuk membangun satu sama lain dan menciptakan hal -hal menakjubkan bersama.
Berkontribusi
Terima kasih atas minat Anda untuk berkontribusi; Kami senang Anda ingin membantu. Kami memiliki panduan yang berkontribusi untuk membantu Anda memulai.
Lisensi
Proyek ini dilisensikan di bawah Lisensi MIT, Hak Cipta (C) 2019 Jorge Luis Calleja Alvarado. Untuk informasi lebih lanjut, lihat Lisensi Proyek.
Penulis
Jorge Luis Calleja Alvarado (@wootsbot) - Bereaksi Boilerplate Berikutnya