krashna site

Situs Krashna Musika

Generator situs statis untuk situs asosiasi musik mahasiswa Delft Krashna Musika, dibangun dengan React dan Gatsby.js.

Instalasi

Untuk memulai, Anda memerlukan lingkungan Node.js dan manajer paket Yarn. Setelah Anda menginstalnya, jalankan perintah berikut dari direktori root repo ini:

yarn
yarn global add gatsby-cli

Berlari

Perkembangan

Untuk memulai server pengembangan (dengan live-reload), jalankan:

yarn develop

Sekarang akan ada server yang mendengarkan di localhost:8000!

Produksi

Untuk membuat bundel produksi, jalankan:

yarn build

Perubahan pada cabang master secara otomatis diterapkan ke situs langsung (di krashna.nl), melalui layanan build Netlify.

Dokumentasi

Struktur Keseluruhan

Secara umum, proyek ini mengikuti struktur folder Gatsby.js yang umum:

• Halaman didefinisikan dalam /src/pages . Nama file setiap file JS (tidak termasuk ekstensi .js ) digunakan sebagai URL halaman terkait.
• Templat halaman (struktur boilerplate untuk tampilan berbagai jenis halaman) terletak di /src/templates .
• Komponen yang digunakan halaman dan templat ini terdapat dalam folder /src/components .

Namun, ada beberapa perbedaan dalam menawarkan internasionalisasi dan fitur lainnya:

• Semua terjemahan terdapat dalam file YAML di folder /src/locales . Setiap sub-folder berisi salinan setiap file definisi terjemahan, dalam bahasa tertentu. File terjemahan ini dikompilasi menjadi JSON, yang disajikan bersama konten lainnya dan secara dinamis dimasukkan ke dalam halaman saat runtime. Kami menggunakan perpustakaan react-intl , yang diintegrasikan oleh gatsby-plugin-intl , untuk penerjemahan.
• Semua data yang menjadi dasar pembuatan halaman, seperti daftar konser, terdapat di /src/data .

Menambahkan Konten

Menambahkan konten dapat dilakukan dengan mudah dengan menambahkan teks atau beberapa data lain ke file yang telah ditentukan sebelumnya, beberapa contoh diberikan di bawah ini. Semua konten ditulis dalam penurunan harga. Jika Anda belum familiar dengan Markdown, atau butuh bantuan, lihat tautan praktis ini

Menambahkan Halaman

Untuk menambahkan halaman...

1. Tambahkan file JS di /src/pages dengan nama URL tempat Anda ingin meletakkan halaman itu. Jika ragu tentang cara menyusun file ini, lihat halaman lain yang ada di folder itu.
2. Tambahkan terjemahan yang diperlukan untuk kunci terjemahan apa pun yang Anda gunakan, di /src/locales . Lihat halaman dan terjemahan yang ada untuk contoh bagaimana seseorang dapat mengakses kunci terjemahan tersebut di file halaman dan bagaimana hal ini dapat didefinisikan dalam file terjemahan.

Menambahkan Konser

Untuk menambahkan konser...

1. Tambahkan entri ke daftar /src/data/concerts.yaml mengikuti format yang sama dengan entri lainnya.
2. Tambahkan teks yang bergantung pada bahasa ke file concerts.yaml di folder /src/locales , dalam kedua bahasa.

Menambahkan Postingan Berita

Untuk menambahkan postingan berita...

1. Tambahkan entri ke daftar /src/data/news.yaml mengikuti format yang sama dengan entri lainnya.
2. Tambahkan teks yang bergantung pada bahasa ke file news.yaml di folder /src/locales , dalam kedua bahasa.