Skip to content

This is a FullStack Manga app project, based on Next JS. by utilizing the API from MangazunaAPI

License

Notifications You must be signed in to change notification settings

LuckyIndraEfendi/Mangazuna

Repository files navigation

license fork stars

Preview Mangazuna

main

More Screenshots
Home page after you login
main
Profile Page
Detail Page

Read Page

Introduction

Mangazuna is an Manga,Manhwa,Manhua Reader website made possible by Mangazuna API build with NextJS and Tailwind with a sleek and modern design that offers Mangazuna integration to help you keep track of your favorite anime series. Moopa is entirely free and does not feature any ads, making it a great option for you who want an uninterrupted viewing experience.

Features

  • General
    • User-friendly interface
    • Free ad-supported Reading service
    • Mobile-responsive design
    • Next Auth Login
    • Auto Sync with MangazunaAPI
    • PWA Supported Features
    • OpenGraph Supported Features
  • Watch Page
    • Player
      • Autoplay next episode
      • Skip op/ed button
      • Theater mode
    • Comment section
  • Profile page to see your watch list

API URL For Mangazuna

  1. API URL For Mangazuna :
NEXT_MANGAZUNA_APIURL="https://mangazuna.luckyindraefendi.me"

For Local Development

  1. Clone this repository using :
git clone https://github.com/LuckyIndraEfendi/Mangazuna.git
  1. Install package using npm :
npm install
  1. Create .env file in the root folder and put this inside the file :
NODE_ENV="change NODE_ENV to production if you want to deploy"
NEXT_PUBLIC_DOMAIN="http://example/com"
DATABASE_URL="Using Provider MySQL Prisma"
NEXTAUTH_URL="Your Domain or localhost for Development"
NEXTAUTH_JWT_SECRET="Your Next Auth JWT Secret"
NEXTAUTH_SECRET="Your Next Auth Secret"
NEXT_MANGAZUNA_APIURL="https://mangazuna.luckyindraefendi.me"
NEXT_PUBLIC_DISQUS_SHORTNAME="Your Disqus Shortname"
  1. Generate Prisma :
npx prisma migrate dev
npx prisma generate

### NOTE
# If you get a vercel build error related to prisma that says prisma detected but no initialized just change the following line in package.json line number 8
"build": "next build" to > "build": "npx prisma migrate deploy && npx prisma generate && next build"
  1. Add this endpoint Rest API Anime Indo : Deploy your Rest API Mangazuna Using Vercel or other platform
https://{your-website-api-url}
  1. Start local server :
npm run dev

Credits

  • MangazunaAPI
  • moopa for inspiring me making this site

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Contact

Thank You for passing by!! If you have any questions or feedback, please reach out to us at [email protected], or you can join our discord sever
or you can DM me on Discord KyoukaLive or Instagram lucz.code. (just contact me on one of these account)

Discord Banner

Support This Project

Star this project

ko-fi
Trakteer Saya