apps

Suite Aplikasi Daily.dev

Semua yang Anda lihat di Daily.dev?

Monorepo ini berisi rangkaian aplikasi harian.dev. Repo termasuk aplikasi web dan ekstensi, bersama dengan komponen bersama untuk keduanya. Dengan menggunakan pendekatan monorepo, kami dapat dengan mudah berbagi kode dan mempertahankan konsistensi di berbagai bagian rangkaian aplikasi. Keputusan dibuat untuk memungkinkan iterasi yang lebih cepat dan menjaga paritas fitur di kedua platform.

Teknologi

• Node v22.11 (A .nvmrc disajikan untuk pengguna NVM).
• PNPM untuk mengelola monorepo dan dependensi.

Proyek

paket

Berisi koleksi proyek atau perpustakaan yang lebih kecil yang digunakan di seluruh Daily.dev Application Suite. Berikut gambaran singkat dari setiap paket yang disebutkan:

• Eslint-Config

  Pengaturan ESLINT bersama untuk mempertahankan kualitas kode yang konsisten di seluruh proyek.

• Eslint-Rules

  Plugin Eslint khusus yang mendefinisikan seperangkat aturan untuk proyek, termasuk aturan untuk menegakkan penggunaan warna yang konsisten.

• perpanjangan

  Proyek Perpanjangan Browser. Termasuk konfigurasi webpack untuk ekstensi browser dan komponen khusus hanya untuk ekstensi.

• config-config yang lebih cantik

  Pengaturan yang lebih cantik untuk semua proyek dalam repo ini.

• dibagikan

  Proyek utama berisi sebagian besar komponen yang digunakan dalam aplikasi. Setiap komponen yang perlu digunakan pada kedua platform harus ditempatkan dalam proyek ini. Ini termasuk komponen sistem desain, kait khusus, dan banyak lagi.

• buku cerita

  Konfigurasi buku cerita untuk proyek, yang digunakan untuk mengembangkan dan menampilkan komponen UI secara terpisah.

• Webapp

  Proyek Aplikasi Web. Ini adalah proyek Next.js dan memiliki lebih banyak halaman daripada ekstensi, seperti halaman pendaftaran, halaman posting, halaman profil, dll. Untuk informasi lebih lanjut klik di sini.

Lingkungan lokal

Untuk memutar lingkungan lokal, kami sarankan menggunakan GitPod. Kami memiliki tombol GitPod di atas, semuanya sudah dikonfigurasi dan harus bekerja di luar kotak. Klik di atasnya dan mari kita gulung!

Catatan: Checkout Memulai dengan GitPod menggunakan dokumen resmi mereka. Jika Anda baru mengenal GitPod, jangan khawatir, ini adalah alat yang sederhana dan kuat yang akan membantu Anda memulai proyek ini dalam waktu singkat.

Ingin membantu?

Jadi, Anda ingin berkontribusi pada rangkaian aplikasi Daily.dev dan membuat dampak, kami senang mendengarnya. ?

Sebelum Anda melanjutkan, kami memiliki beberapa pedoman untuk kontribusi yang akan membuat segalanya lebih mudah.

Kami akan sangat menghargai jika Anda mendedikasikan waktu dan membacanya dengan cermat: https://github.com/dailydotdev/.github/blob/master/contributing.md

Proyek Bootstrap

Setelah mengkloning proyek, pastikan untuk menjalankan perintah berikut untuk bootstrap proyek:

npm i -g [email protected]
pnpm install

Jalankan ekstensi secara lokal

Contoh untuk Chrome:

• Jalankan pnpm --filter extension dev:chrome di direktori root
• Buka chrome dan pergi ke chrome://extensions/
• Aktifkan Developer mode di sudut kanan atas
• Klik Load unpacked dan pilih Folder packages/extension/dist/chrome
• Ekstensi harus dimuat dan Anda harus dapat melihatnya di daftar ekstensi
• Aktifkan ekstensi, jangan lupa untuk menonaktifkannya saat Anda selesai
• Nonaktifkan Perpanjangan Produksi Jika Anda menginstalnya karena dapat menyebabkan konflik