Novelindo Web App

Novelindo Web App

Novelindo adalah aplikasi web yang menyediakan konten berupa novel ringan dan anime. Selain itu, Novelindo juga berisi informasi mengenai tulisan.

Teknologi yang Digunakan

Next.js

Nextjs dipilih sebagai framework react untuk frontend karena fitur yang lengkap dan render web yang cepat.

TailwindCSS

Untuk mempermudah proses pengaturan tata letak dan gaya, TailwindCSS dipilih karena selain mempercepat proses pengembangan juga membuat style yang telah ada dapat digunakan kembali.

Contentlayer

Untuk mengelola konten, kami menggunakan Contentlayer dan markdown. Meski butuh sedikit penyesuaian untuk menguasainya namun Contentlayer dapat menghemat biaya karena tidak memerlukan server.

Fitur-fitur

Halaman Utama

Menampilkan daftar-daftar novel dan anime yang difiturkan.

Mempermudah pengguna untuk melakukan navigasi pada halaman-halaman utama seperti home, novel, anime, blog dan bookmark. Sedangkan pada header, hanya menampilkan logo dan bilah pencarian.

Halaman Novel dan Anime

Halaman Novel dan Anime terbagi menjadi beberapa bagian.

  • Index: Menampilkan daftar semua novel atau Anime
  • Info: Menampilkan informasi baik novel maupun anime, seperti sinopsis dan genre. Untuk halaman novel menampilkan daftar chapter, sedangkan halaman anime menampilkan daftar episode dan season.
  • Baca Chapter dan Tonton Anime: Pada halaman membaca chapter tersedia pagination untuk chapter selanjutnya maupun sebelumnya dan terdapat tombol kembali keatas. Sedangkan pada halaman tonton anime berisi video yang dapat ditonton, pagination diganti dengan daftar chapter yang diberi highlight pada episode yang sedang ditonton.

Halaman Blog

Terdapat dua bagian dimana ada index blog yang menampilkan semua artikel yang telah dipublikasikan. Sedangkan halaman baca artikel menampilkan konten artikel itu sendiri.

Halaman Bookmark

Menampilkan konten yang disimpan baik berupa novel, anime dan artikel.

Komentar

Setiap konten yang berupa novel, anime dan blog memiliki fitur komentar dari disqus kecuali halaman chapter dari novel.

Halaman Error

Ketika halaman tidak ditemukan, pengguna akan mendapatkan informasi error dan tombol kembali ke halaman utama.