next boilerplate

Bye Bye Next Boilerplate, selamat datang di Superplate!

Sudah lama sejak kami memulai proyek Boilerplate berikutnya. Kami bangga bahwa itu membantu banyak pengembang frontend di seluruh dunia untuk mempercepat siklus pengembangan frontend mereka.

Pada waktunya, kami mengambil pelajaran berharga dari pengalaman kami dan umpan balik komunitas:

• Ada jumlah teknologi frontend yang tak terbatas dan tidak mungkin untuk menggabungkan semuanya dalam produk boilerplate tunggal.
• Proyek ini sulit dipertahankan dengan banyak dependensi eksternal.

Untuk mengatasi masalah kompleksitas, kami memulai proyek baru dari awal. Kami menyebutnya "superplate" - boilerplate frontend dengan kekuatan super.

Ini dibangun di atas arsitektur plugin dan memungkinkan Anda mengintegrasikan alat Anda sendiri dan praktik terbaik dengan mudah. Ini juga mencakup lebih dari 30 plugin bawaan alat favorit Anda.

Kerangka kerja default Superplate adalah Next.js, sehingga Anda dapat mulai menggunakannya segera alih-alih Boilerplate Next-Boiler. Target kerangka kerja lebih lanjut akan segera hadir.

Anda dapat memeriksa proyek dari halaman repo atau dokumentasi.

Next-boilerplate

Kinerja Berorientasi Next.js Aplikasi Boilerplate dengan Redux, TypeScript, Express.js dan Sass.

_{Dibuat oleh Pankod}

Tentang

Next.js adalah kerangka kerja reaksi minimalis yang berjalan di browser dan server. Ini menawarkan pengembang cara mudah untuk memulai, dan karena menggunakan react.js untuk templating, itu juga cara yang mudah bagi pengembang dengan pengalaman bereaksi untuk mendapatkan produktif dengan cepat.

Keuntungan dari pendekatan ini adalah untuk dapat membuat pengalaman pengguna yang kaya dengan cara yang seragam, tanpa mengorbankan faktor SEO (Optimasi Mesin Pencari) yang merupakan kunci untuk peringkat yang baik di Google dan mesin pencari lainnya.

Boilerplate ini memudahkan untuk bangun dan berjalan dengan selanjutnya yang terstruktur dengan baik dan aplikasi naskah.

Fitur

Proyek Next-Boilerplate menyediakan banyak fitur di luar kotak. Berikut adalah ikhtisar komponen dan alat yang disertakan.

• Next.js - Kerangka kerja minimalis untuk aplikasi bereaksi yang diseret server.
• TypeScript - Superset of JavaScript yang terutama menyediakan pengetikan statis, kelas, dan antarmuka opsional.
• Redux - wadah negara yang dapat diprediksi untuk aplikasi JavaScript.
• Express.js - Kerangka kerja aplikasi web Node.js yang minim dan fleksibel yang menangani rendering sisi server dan terintegrasi dengan Next.js.
• Proyek bawaan CLI -Buat halaman, komponen, tindakan, peredam dengan satu perintah dengan menggunakan CLI bawaan.
• Sass/SCSS - Preprocessor CSS, yang menambahkan fitur khusus seperti variabel, aturan bersarang dan mixin (kadang -kadang disebut sebagai gula sintaksis) menjadi CSS biasa.
• Docker - Alat yang dirancang untuk membuatnya lebih mudah untuk membuat, menggunakan, dan menjalankan aplikasi dengan menggunakan wadah.
• Babel - Kompiler untuk JavaScript generasi berikutnya.
• ESLINT - Utilitas serat pluggable.
• Reverse Proxy - Server ringan untuk proksi permintaan API.
• Bundler Analyzer - Visualisasikan ukuran file output webpack dengan TreeMap yang dapat diperbesar secara interaktif.
• JEST - Kerangka Pengujian JavaScript, dibuat oleh pengembang yang menciptakan React.
• React Testing Library - Utilitas pengujian dom reaksi sederhana dan lengkap yang mendorong praktik pengujian yang baik.
• Dotenv reten berikutnya -Ekspose Variabel Lingkungan ke Konfigurasi Runtime Next.js
• NEXT-I18NEXT -Sebuah kerangka internasionalisasi yang menyediakan fungsi yang mengambil kunci, beberapa opsi, dan mengembalikan nilai untuk bahasa saat ini. Membantu Anda menambahkan dukungan terjemahan bahasa ke aplikasi Anda.
• Storybook - alat open source untuk mengembangkan komponen UI secara terpisah untuk bereaksi.
• Bootstrap - Kerangka kerja HTML, CSS, dan JavaScript paling populer untuk mengembangkan situs web yang responsif dan mobile -first.

Pengaturan & Dokumentasi

Silakan merujuk ke panduan pengaturan kami untuk membuat aplikasi baru.

Untuk dokumentasi lebih rinci, lihat https://pankod.github.io/next-boilerplate/

CLI bawaan

Pankod Boilerplate dikirimkan dengan alat CLI untuk merampingkan pembuatan komponen baru. Dengan menggunakan alat CLI, Anda dapat dengan mudah menambahkan halaman, komponen kelas atau komponen fungsional ke proyek Anda dan memiliki semua tindakan yang diperlukan, peredam dan impor secara otomatis dibuat untuk Anda.

Untuk memulai CLI, Anda mungkin harus menginstalnya sebelumnya jika belum.

 ~ $ npm i -g @pankod/pankod-cli

Maka Anda dapat menggunakannya di proyek Anda:

 ~ $ npm run cli

Setelah memulai, menu interaktif akan memungkinkan Anda mengkonfigurasi komponen yang akan dibuat. Pertama, Anda akan diminta jenis komponen apakah itu halaman atau komponen fungsional. Kemudian Anda akan diminta dengan opsi lain yang relevan dengan pilihan Anda.

Akhirnya, Anda akan berakhir dengan halaman atau komponen dengan gaya dan menguji file dalam waktu singkat.

Lisensi

Lisensi di bawah Lisensi MIT, Hak Cipta © 2018-sekarang Pankod