🛠 Bu site, @eggsydev tarafından geliştirilmekte ve yönetilmektedir.
IZM Game Studios için geliştirilen internet sitesinin tüm kaynak kodları, kullanması ve düzenlemesi tamamen serbest. Sitenin önizlemesini görmek için buraya tıklayabilir, kodlarına bu sayfadan ulaşabilir ve indirebilirsiniz.
Sitenin kodlarını derleyebilmek için öncelikle bilgisayarınıza Node.js'in yüklü olduğundan emin olun. Daha sonra NPM (Node.js'in içinde gelir) veya Yarn paket yöneticilerinden birini seçin (Yarn, NPM'e göre daha hızlı ve daha performanslı bir şekilde çalışabilir, bizim önerimiz bu yöndedir).
- Bu depoyu bilgisayarınıza klonlayın veya arşiv olarak indirin.
- Bunu yukarıdaki indir butonuyla veya şu komutla yapabilirsiniz:
git clone https://github.com/IZM-Projects/izm-website
- Bunu yukarıdaki indir butonuyla veya şu komutla yapabilirsiniz:
- İndirdiğiniz klasörün içerisinde bir terminal penceresi açın.
- CMD, PowerShell veya kendi tercihiniz.
- Modülleri yükleyin.
- Eğer
yarn
yüklüyse:yarn
veyayarn install
- Yüklü değil ise:
npm install
- Eğer
- Yükleme tamamlandıktan sonra siteyi çalıştırmak çalıştırın.
- Bunun için
yarn
var iseyarn dev
, NPM ile isenpm run dev
yazın. - Siteyi statik olarak dışa aktarıp başka platformlarda paylaşmak için
yarn export
(veyanpm run export
) komutunu kullanın vedist/
klasörüne oluşturulacak dosyaları sunucu sağlayıcınıza yükleyin.
- Bunun için
Bu site Vue ve onun geliştirilmiş hâli olan Nuxt ile yapılmıştır. Sitenin çalıştırılabilmesi ve tarayıcı tarafından okunabilir hâle gelebilmesi için öncelikle yukarıdaki işlemlerden geçerek derlenmesi gerekir. Bunların yanında sitenin görüntüsü için Buefy kullanılmış, cihaz tespit etme için @nuxtjs/device modülü, çevrimdışı kullanma ve cihaza uygulama olarak eklenebilme özelliği için @nuxtjs/pwa, karanlık ve aydınlık tema geçişleri için @nuxtjs/color-mode, simgeler için ise @iconscout/vue-unicons kullanılmıştır.
Bu teknolojileri öğrenmek ileride işinize yarayabilir ve çalışmalarınızı önemli derecede hızlandırabilir. Bu kodları kendinize bir örnek ve kaynak olarak kullanın, lisans gereksinimlerine dikkat edin ve kodları istediğiniz gibi paylaşın.
Sitenin geliştirilmesinde destek olmak için sitedeki hataları bildirebilir, özellik isteklerinizi gönderebilir veya direkt koda müdahale ederek "pull request" gönderip kodunuzu incelememizi sağlayabilirsiniz. Daha fazlası için aramıza katılmayı da unutma!