NOGILIB is a web application for showing the information about Nogizaka46 in a user-friendly way.
- Framework: Next.js
- JavaScript flavor: TypeScript
- Styling: Emotion
- Animation: Framer Motion
- Linter: ESLint
- Testing: Jest, Storybook
- Search: FlexSearch.js
-
Install necessary packages.
npm install
-
Start the dev server.
npm run dev
Your site is now running at
http://localhost:9000.
-
(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,@2xand@3ximages for member and artwork images.
.
├── 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
- 乃木坂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
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.
If you have any question or request of this project, please fire an issue or contact me on Twitter.