🌕 Frontend for Mangatsu server Written in TypeScript using Nextjs

Related tags

Learning resource typescript nextjs manga manga-reader doujinshi
Overview

Mangatsu Web

🌕 Frontend for Mangatsu server (a storage for doujinshi, manga & other collections). Written in TypeScript using Nextjs.

Read the README of Mangatsu Server for instructions to run

📰 CHANGELOG

💨 Running

  • Preferably have Mangatsu Server running
  • Install Node 16+ and npm 8+
  • Copy .env.local as .env.local
  • Run npm i to install all dependencies
  • Run npm run dev to start the development version
  • OR
  • Run npm run build and npm start for the production version

📝 Generating docs

  • Coming soon

Requirements

  • Node.js 16+
  • npm 8+
  • Mangatsu Server
  • Docker (optional)
You might also like...

🐬 A simplified implementation of TypeScript's type system written in TypeScript's type system

🐬 A simplified implementation of TypeScript's type system written in TypeScript's type system

🐬 HypeScript Introduction This is a simplified implementation of TypeScript's type system that's written in TypeScript's type annotations. This means

Dec 20, 2022

converts nuggies to usd and usd to nuggies for a variety of restaurant chains. Also includes a rest api. Built using NextJS and TypeScript

Prices All prices are currently based on the 4-piece from the respective chain or the equivalent lowest amount of nuggies. Plan is to add multiple pri

Jan 14, 2022

Authentication, Permissions and Payload Rules with Nextjs using ReactJ with Typescript

Authentication, Permissions and Payload Rules with Nextjs using ReactJ with Typescript

Auth with Next.js 💬 About Authentication, Permissions and Payload Rules with Nextjs using ReactJS with Typescript 🚧 Status Finished project ✅ ✅ Feat

Dec 7, 2022

A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more.

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of this is taught in this course. What is inside? This project uses lot of

Dec 4, 2022

Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.

Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.

Tool Cool Color Picker Tool Cool Color Picker is a color picker library written in typescript and using web component technologies. Check out the demo

Oct 23, 2022

Get-A-Room example application using Domain Driven Design and Clean Architecture. Written in TypeScript and deployed to AWS with a serverless stack.

Get-A-Room example application using Domain Driven Design and Clean Architecture. Written in TypeScript and deployed to AWS with a serverless stack.

Domain Driven Microservices on AWS in Practice This project provides a Domain Driven Design & Clean Architecture-informed, multi-service event-driven

Dec 31, 2022

Deploying Fake Back-End Server & DataBase Using JSON-SERVER, GitHub, and Heroku

Deploying Fake Back-End Server & DataBase Using JSON-SERVER, GitHub, and Heroku

Deploying Fake Back-End Server & DataBase Using JSON-SERVER, GitHub, and Heroku. In this article, we will create and host a fake server that we can de

Sep 5, 2022

Minimal Typescript / NextJS dApp template bootstrapped with wagmi Ethereum react hooks library.

Welcome to the NextJS wagmi starter template 👋 Looking to get up and running with a Typescript / NextJS dApp as quickly as possible? You're in the ri

Jan 4, 2023

Nextjs github page example typescript

Nextjs github page example typescript

nextjs-github-page-example-typescript This project is update from old project old project Update: Javascript - Typescript Using Redux Add skeleton Th

Nov 9, 2022
Comments
  • More information to items on Series page

    More information to items on Series page

    • [x] All different titles (Title, TitleNative, TitleTranslated)
    • [x] Group tags better
    • [x] Released
      • Usually a date (2020-12-12 etc.) or event like C99
    • [x] NSFW/H (ecchi) boolean
    • [ ] Translated boolean
    • [ ] Language
    • [ ] Image count
    • [ ] User specific
      • [ ] Progress
      • [ ] Favorite group

    https://github.com/Mangatsu/web/blob/c3cc85810d8db56fa86c9db7d0d2b025b54dec92/pages/series/%5Bslug%5D.tsx#L46

    opened by CrescentKohana 1
Releases(v0.4.2)

  • v0.4.2(Apr 17, 2022)

    Added

    • Logout automatically when session expires
    • Logout immediately when clicking Logout

    Fixed

    • Logout HTTP method
      • Now logging out properly deletes the session
    Source code(tar.gz)
    Source code(zip)

  • v0.4.1(Apr 16, 2022)

    Added

    • Gallery Shuffle
    • More information to the Series page

    Changed

    • Update SWR to 2.0.0 beta
    • Remove unnecessary tooltip from Library button
    • Show Web vX.Y.Z in the session name instead of next-auth-session
    Source code(tar.gz)
    Source code(zip)

  • v0.4.0(Apr 15, 2022)

    Added

    • Spinner to indicate if the page is loading longer
      • Usually when the backend is extracting the requested gallery if it's not in the cache already
    • Tooltips to icon buttons on gallery pages
    • Numbered placeholders for page thumbnails
    • Blur placeholders for covers

    Fixed

    • Show "Loading…" instead of "No pages found" when clicking thumbnails on gallery pages
    • Library layout on small screens
    • Nav overflowing on small screens
    • Typos

    Changed

    • Update dependencies
      • Most notably React 17 -> 18
    • Icon of 'Shift pages' button
    • Color of nav icons (black -> white)
    • Change Random button to Heart icon
    • Remove old placeholder Login button on Library page
    Source code(tar.gz)
    Source code(zip)

  • v0.3.0(Mar 20, 2022)

    Added

    • Support for EHDL and Hath parsers
    • Support for grouping galleries together by series
    • Series pages (/series/[name])
    • Dark theming (scrollbars and other native elements)
    • Animations to popups

    Fixed

    • Layout shifting when scroll bar appears
    • Fetching with SWR resulting in fatal error if token is undefined
    • Random gallery throwing an error when no galleries returned
    • Catch network errors of the User API endpoint and when updating galleries
    • Checkbox styles in forms and login screen

    Changed

    • Updated dependencies
    • Disabled background scroll when large popup is open
    Source code(tar.gz)
    Source code(zip)

  • v0.2.1(Feb 27, 2022)

    Fixed

    • Docker image starting command
    • Static dir was not copied to the Docker image
    • Image hostname was not being whitelisted in the Docker image
      • NEXT_MANGATSU_IMAGE_HOSTNAME wasn't embedded in the server.js when using Next.js standalone output
    • Sessions and Users tables might get mixed
    • Fetching with SWR resulting in fatal error if token is undefined
    Source code(tar.gz)
    Source code(zip)

  • v0.2.0(Feb 27, 2022)

    Added

    • Support for UpdateGallery API method
      • Can only be used by admins
      • Can be found on individual gallery pages
    • New button icons (Heroicons)

    Changed

    • Upgraded packages
      • Most notably Next.js 12.1
    • Made Docker images smaller by using Next.js 12.1's outputStandalone
    • Renamed PopupSmall to NavPopup

    Removed

    • Artists and Circle columns from Gallery
    Source code(tar.gz)
    Source code(zip)

  • v0.1.1(Feb 3, 2022)

  • v0.1.0(Jan 30, 2022)

Owner
Mangatsu
Mangatsu provides a modern and enjoyable experience to store, organize and read manga, doujinshi and other general art collections like cosplay albums.
Mangatsu
GitHub
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Frontend of Inhyped.com written in TypeScript and rewritten in ReScript

From TypeScript To Rescript This is an example of Inhyped frontend codebase initially written in TypeScript and then fully rewritten in ReScript. It's

Sergey Potapov 30 Sep 29, 2022
This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.

Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate

Unnati Bamania 22 Oct 5, 2022
O objetivo dessa aplicação era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS pré-criado. Além disso, esse projeto também é o frontend da minha API 100% NodeJS.

Projeto HTML 100% Javascript Front-end feito "sem HTML" Conteúdos ➜ Sobre o projeto ➜ O que aprendi ➜ Como usar ?? Sobre o projeto Voltar ao topo O ob

João Victor Negreiros 19 Aug 3, 2021
Personal developer portfolio written with NextJS and Tailwind CSS.

Developer Portfolio This is a Next.js, Tailwind CSS blogging starter template. Probably the most feature rich nextjs markdown blogging template out th

Max Geller 1 Dec 20, 2021
Monolithic repo for api server, image server, web server

Onsecondary Market Deployed at https://market.onsecondary.com Monolithic repo for api server, image server, web server TODO -use a script to cull expi

Admazzola 2 Jan 11, 2022
A Minecraft launcher written in Rust, with an Electron frontend.

RustMine A Minecraft launcher written in Rust, with an Electron frontend. Why? I thought it would be fun to use two of my most familiar languages, Rus

sussyimpostor 1 Oct 16, 2022
A Lua plugin, written in TypeScript, to write TypeScript (Lua optional).

typescript.nvim A minimal typescript-language-server integration plugin to set up the language server via nvim-lspconfig and add commands for convenie

Jose Alvarez 315 Dec 29, 2022
Screeps Typescript Starter is a starting point for a Screeps AI written in Typescript.

Screeps Typescript Starter Screeps Typescript Starter is a starting point for a Screeps AI written in Typescript. It provides everything you need to s

null 3 Jan 27, 2022