NOGILIB

App link

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

Multi-language Support

• 🇯🇵 Japanese
• 🇬🇧 English
• 🇨🇳 Simplified Chinese

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

1. Install necessary packages.

   npm install

2. 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

• 乃木坂46公式サイト
• 乃木坂工事中
• 乃木坂46 - Wikipedia
• 乃木坂46 - エケペディア
• 乃木坂46合同会社
• 岩瀬佑美子 (@@scarf_iwase) / Twitter
• 柏幸奈 (@y_k812) / Twitter
• INCENT GROUP Official Site
• 市來玲奈 | アナウンスルーム | 日本テレビ
• 伊藤寧々｜ワタナベエンターテインメント
• 畠中 清羅 (@seira_hatanaka) / Twitter
• 永島聖羅（ナガシマ セイラ） | ホリプロオフィシャルサイト
• 深川麻衣 official web site
• 伊藤万理華 OFFICIAL WEBSITE
• 中元日芽香 OFFICIAL SITE
• MAHIROまひろ마히로 (@mahiro_kawamura_official) • Instagram
• 斎藤 ちはる｜アナウンサーズ｜テレビ朝日
• Yumi Wakatsuki Official Website
• 能條愛未 | TWIN PLANET ENTERTAINMENT
• 西野七瀬オフィシャルサイト
• 桜井玲香 OFFICIAL SITE ＆ FANCLUB
• 斉藤 優里 (@yuuri_3ito) • Instagram photos and videos
• 衛藤美彩 OFFICIAL SITE
• 川後陽菜 OFFICIAL SITE
• 生駒里奈オフィシャルサイト
• 井上小百合 | シス・カンパニー | SIS company inc.
• 白石麻衣 OFFICIAL WEBSITE
• 中田花奈 | 乃木坂46合同会社所属 タレント一覧
• 若月佑美オフィシャルサイト | 公式の最新情報を発信中
• 堀未央奈オフィシャルサイト｜ファンクラブ「anoim」
• 佐々木琴子 ／ Style Cube
• 伊藤 かりん | 乃木坂46合同会社所属 タレント一覧
• 相楽 伊織 | 乃木坂46合同会社所属 タレント一覧
• 米徳 京花 (@kyoka_yonetoku) • Instagram photos and videos
• RENA MATSUI Official Fan Club

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.