Skip to content
Manga Hook

Installation

Follow these detailed steps to set up the Manga Hook API and Next.js client application on your local machine. This guide assumes you have Git, Node.js, and npm installed.

1. Clone the Repository:

Open your terminal and run the following command to clone the Manga Hook repository:

Terminal window
git clone https://github.com/kiraaziz/mangahook-api

2. Set Up the Server:

Navigate to the server directory and install dependencies:

Terminal window
cd server
npm install

Start the Express Server:

Launch the Manga Hook server by running:

Terminal window
npm run start

This will start the server on port 3000.

3. Set Up the Client (Next.js App):

Navigate to the client directory and install dependencies:

Terminal window
cd client
npm install

Run the Development Server:

Start the Next.js development server with Tailwind CSS:

Terminal window
npm run dev

This will open the client application on http://localhost:3001 by default.

4. Production Deployment for Next.js App:

For production deployment, follow these additional steps:

Build the Next.js App:

Generate a production build of the Next.js app:

Terminal window
npm run build

Start the Production Server:

Run the built app in production mode:

Terminal window
npm start

Now, your Next.js app is running in production mode.

Summary:

  • Manga Hook server is running on http://localhost:3000.
  • Next.js client app is running on http://localhost:3001 during development.
  • In production, the Next.js app is built using npm run build and started with npm start.

Feel free to explore the Manga Hook API and Next.js client app to access manga data and enhance your manga-related applications. Happy coding!