vergecurrency.com Unduh - vergecurrency.com Download kode sumber

vergecurrency.com

Data situs web

1.0.0

Unduh

Vergecurrency.com

Situs web Lightning Fast Verge yang dibangun dengan NextJS di atas ReactJs.

Prasyarat

Anda memerlukan prasyarat berikut untuk dapat menginstal dan menjalankan proyek di mesin lokal Anda.

Mac:

Buka terminal pilihan Anda dan pasang paket berikut dalam urutan yang benar.

Homebrew:

 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

NodeJs:

 brew install node

Benang:

 brew install yarn

Windows:

Git

 Download the Windows installer here:
https://git-scm.com/download/win

NodeJs:

 Download the Windows installer here:
https://nodejs.org/en/download/

Benang:

 Download the Windows installer here:
https://yarnpkg.com/lang/en/docs/install/

Linux:

Ubuntu/Debian

NodeJs:

 curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

Benang:

 curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update && sudo apt-get install yarn

Menginstal

Gunakan terminal favorit Anda untuk bangun dan berjalan dengan mengikuti langkah selanjutnya: Catatan: Pengguna Windows perlu meluncurkan Git Bash untuk menginstal dependensi benang dengan sukses.

Klon proyek ke dalam direktori di mesin Anda:

 git clone https://github.com/vergecurrency/vergecurrency.com.git

CD ke direktori yang baru dibuat:

 cd vergecurrency.com

Jika Anda memiliki versi nodej yang berbeda, gunakan Node Version Manager:

Instruksi NVM

 Example, nvm use v10.15.3

Atau menggunakan .nvmrc

 nvm use

Instal dependensi:

 yarn install

Jalankan aplikasi:

 yarn run dev

Buka situs web di browser Anda:

 http://localhost:3000

Menjalankan tes

Kami telah menerapkan 2 linter dalam proyek ini.

Eslint dengan konfigurasi airbnb

Eslint satu file:

 ./node_modules/.bin/eslint _filename_.js

Eslint halaman

 ./node_modules/.bin/eslint pages/**/*.js

Eslint seluruh proyek

 ./node_modules/.bin/eslint */*.js

Node Sass Lint

Serat satu file

 ./node_modules/.bin/sass-lint -c ./.sasslintrc './path/to/file.scss'

Serat semua file scss

 ./node_modules/.bin/sass-lint -c ./.sasslintrc '**/*.scss'

Penempatan lokal

Kami menggunakan Sistem Bangun NextJS. Untuk membangun, jalankan saja perintah berikut:

 yarn run build

Ini kemudian akan membangun dan mengekspor seluruh proyek.

Untuk menjalankan build secara lokal:

 gulp

Terjemahan

Struktur folder

Pastikan Anda hanya menggunakan nama pendek untuk bahasa. Jadi misalnya nama folder untuk bahasa Inggris adalah en , Rusia akan menjadi ru dan Prancis akan menjadi fr . Jika Anda menggunakan nama folder yang memiliki nama berbeda itu tidak akan berfungsi. Jadi misalnya en-GB tidak akan berhasil. Jika Anda merasa ini adalah hal yang harus kami izinkan, maka silakan hubungi saya di Discord (stanfaas).

Terjemahan baru

Saat menambahkan bahasa baru ke folder lokal kami, Anda harus memastikan untuk menambahkan kode bahasa (nama folder) ke file languages.json . File ini dapat ditemukan di: ./lists/languages.json . Ketahuilah bahwa bahasa akan aktif secara langsung setelah Anda menambahkannya ke file itu.

Dibangun dengan

NEXTJS - Kerangka kerja SSR yang digunakan
i18Next - digunakan untuk terjemahan
Eslint - Digunakan untuk JavaScript Linting
Sass -Lint - Digunakan untuk SCSS Linting
PostCSS -LOADER - Digunakan untuk mengubah gaya dengan Webpack.
Autoprefixer - Digunakan untuk parse CSS dan menambahkan awalan vendor ke aturan oleh dapat saya gunakan.