Tentang

naoTimes dan naoTimesUI

merupakan pet-project milik N4O.

Dibuat tahun 2019 lalu, naoTimes merupakan sebuah Bot yang mengambil inspirasi dari Aquarius untuk tracking garapan Fansub.
Website ini sendiri mulai dibuat Maret 2021 lalu, dengan niat sebagai alternatif bagi yang kurang ngerti pakai botnya gimana.
Dengan merilis website ini juga, semua orang dapat daftar ke fitur Showtimes tanpa perlu meminta ke saya sendiri 😊

Website ini telah melewati beberapa iterasi sebelum akhirnya nyantol sama salah satu framework:

  • Next.js
  • Svelte
  • SSR Rendering w/ ExpressJS + EJS [Versi lama]
  • Next.js (lagi) [Versi sekarang]

Versi yang sekarang anda liat merupakan versi Next.js, setelah belajar-belajar React dari buat web VTuber API (https://vtuber.ihateani.me)

Beberapa alasan pindah ke ReactJS gampang sih:

  1. Lebih gampang kontrol perubahan
  2. Berbasis Komponen, jadi bisa pake ulang lagi komponen yang sama untuk laman lain
  3. Support komunitasnya lumayan banyak
  4. Bisa hosting gratis di Vercel, paling penting ini :)

Dan alasan gak mau pake ReactJS/Next.js:

  1. RIBET ANJGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG
  2. Untuk session handling agak scuffed, tapi bisa pake next-iron-session
  3. Berat, Virtual DOM itu lumayan makan memori.

Walaupun ada beberapa hal negatif tentang React, pake React sendiri jadi mempermudah hidup.
Awalnya pengen nyoba Vue.js sih, tapi kurang cocok dengan use-case yang tak inginkan.

Kredit

Website ini menggunakan teknologi berikut:

  • Next.js oleh Vercel, sebagai Framework utama
  • ReactJS oleh Facebook, sebagai library utama untuk buat website ini (untuk Development)
  • Preact oleh developit, digunakan dalam production build (fast af boi)
  • TailwindCSS oleh TailwindLabs, sebagai styling website
  • PostCSS, sebagai engine CSS yang tak pakai
  • MongoDB oleh MongoDB Inc. sebagai Database yang dipakai
  • Mongoose oleh Automattic, sebagai connector database MongoDB dengan sistem ODM
  • TypeScript oleh Microsoft, sebagai bahasa yang tak pakai untuk nulis website ini
  • Webpack, sebagai bundler untuk website ini
  • ReactMarkdown oleh Remark, sebagai Markdown engine yang tak pakai untuk render teks ini
  • Embed Visualizer oleh leovoel, digunakan sebagai basis untuk Pratinjau pesan/embed di FansubRSS
  • Vercel, sebagai tempat hosting web ini ❤️

Makasih juga untuk manusia-manusia berikut:

  • Kresendo (Bantuan pemilihan kata, ide, dan lain-lain)
  • Anon 1 (Bantuan translasi untuk Embed versi Jawa)
  • Anon 2 (Bantuan translasi untuk Embed versi Sunda)
  • Semua orang yang mencoba dan menyebarkan naoTimes ❤️

❤️ MMXXIII - naoTimesDev a.k.a N4O

Perubahan Website

Versi 0.1.0

Kodenama: Inugami Korone

  • Versi pertama dari website ini
  • 📺 Menambah Proyek Baru
  • 👀 Melihat Proyek yang masih dikerjakan maupun yang sudah
  • 📈 Statistik
  • ✏ Merubah status episode dengan mudah
  • 👯‍♂️ Merubah staff (masih harus tetap mengambil User Discord ID)
  • ✨ Embed untuk Website! (Akses di Pengaturan)

Versi 0.2.0

Kodenama: /shrug

  • 👤 Menambah/Menghapus Admin
  • 📺 Menambah/Menghapus Alias untuk Proyek
  • 💥 Menghapus server dari Database

Versi 1.0.0

Kodenama: To the Moon

  • 🚀 Migrasi ke Next.js
  • 📰 Penambahan laman FansubRSS [Akan datang]
  • 🔃 Loading indicator ketika mengsubmit sesuatu
  • 🚫 Menulis parafrasa tambahan sebelum menghapus server
  • 🕶 Dark mode segalanya, hampir semua komponen memiliki versi "gelap"-nya

Versi 1.1.0

Kodenama: Tidak ada

  • 📰 Penambahan FansubRSS di Website
  • 🔍 Penambahan tooling untuk memeriksa error lebih cepat.
  • 🐛 Memperbaiki beberapa bugs

Versi 1.1.1

Kodenama: Tidak ada

  • 📽 Animasi antar Views
  • 📽 Animasi beberapa komponen biar lebih menarik :D
  • 👓 Dark mode sekarang lebih dark (untuk input dan sebagainya)
  • 🐛 Perbaikan bugs dan kebodohan dev.

Versi 1.1.2

Kodenama: Tidak ada

  • 🎇 Indikator loading ketika loading antar laman
  • 🏎 Menggunakan Preact di Production build, alternatif lebih cepat dan ringan.
  • 🐛 Bugs squashing bonanza.

Versi 1.1.3

Kodenama: Tidak ada

  • 🚀 Embed generator sekarang berubah lebih cepat dengan menggunakan postMessage
  • ✏ Ubah jumlah episode sebuah proyek melalui website langsung!
  • ✨ Beberapa penyesuaian backend agar keliatan lebih professional :)

Versi 1.2.0

Kodenama: Tidak ada

  • 🤝 Lakukan kolaborasi dengan peladen lain via website

Anda dapat melakukan inisiasi kolaborasi baru, membatalkan kode kolaborasi, dan memputuskan kolaborasi melalui website sekarang!
Cukup kunjungi /admin/proyek/{animeId}/kolaborasi untuk mulai!

Versi 1.3.0

Edisi tugas kuliah.

  • ⚡ Bumping berbagai macam dependencies
  • 🤖 Perubahan ORM dari Mongoose ke Prisma
  • 🔧 API dibuat lebih konsisten

Versi 1.3.1

  • ⚡ Bumping berbagai macam dependencies
  • 🔧 Bug Fixing

Versi 1.4.0

  • 🆕🎉 Discord OAuth2 Login
  • 🎨 Perbaikan design embed
    • Tambah bagian kolaborasi
    • Perbaikan note/alasan
  • 🔧 Bug Fixing
  • 🤔 Migrasi ke iron-session untuk session handling
  • ⚡ Bumping berbagai macam dependencies

Versi 1.4.1

  • 🎨 Support custom role (selain TL dsb)
  • 🔧 Perbaikan design embed
Trakteer Logo