<p align="center"> <a href="https://nogilib.vercel.app"> <img alt="NOGILIB" src="https://raw.githubusercontent.com/shawnrivers/nogilib/main/public/images/design/preview.jpg" width="800" style="border-radius: 8px" /> </a> </p> <h1 align="center"> NOGILIB </h1>

App link

NOGILIB is a web application for showing the information about Nogizaka46 in a user-friendly way.

Multi-language Support

Technology Stack

Framework: Next.js
JavaScript flavor: TypeScript
Styling: Emotion
Animation: Framer Motion
Linter: ESLint
Testing: Jest, Storybook
Search: FlexSearch.js

Set Up Dev Environment

Development process

Install necessary packages.
```
npm install
```
Start the dev server.
```
npm run dev
```
Your site is now running at http://localhost:9000.

Other commands

(Optional) Generate the latest data.
```
npm run generate-data
```
Data will be generated in src/data.
(Optional) Generate responsive images.
```
npm run generate-responsive-images
```
This command will generate @1x, @2x and @3x images for member and artwork images.

Directories

.
├── src
├──── db
├──── client
├──── pages
├──── utils
├── public

public
- Public assets in the app (e.g., images)
src/db
- Data generation
src/client
- Client side codes
src/pages
- Page components
src/utils
- Utility methods used across the whole app

Data Source

Copyrights

This project is only made as a hobby and is NOT authorized by 乃木坂46LLC, SME or any other former member's management companies. We do not own any copyright of member and artwork images used in this project.

Please DO NOT use this project for any commercial use.

Contact

If you have any question or request of this project, please fire an issue or contact me on Twitter.

Nogilib

Install / Use

README