Front end for the Accord's Library website. Accord's Library is a archival project focused on the works of Yoko Taro, and the Drakegard & NieR universes.
Go to file
DrMint 54f8170bac Added tooltips for the minimized Mainmenu options 2022-02-20 17:56:22 +01:00
public multple small improvement 2022-02-18 19:29:25 +01:00
src Added tooltips for the minimized Mainmenu options 2022-02-20 17:56:22 +01:00
.eslintrc.json Initial commit from Create Next App 2021-11-03 23:46:45 +01:00
.gitignore Initial commit from Create Next App 2021-11-03 23:46:45 +01:00
LICENSE Added stuff 2021-11-04 12:45:18 +01:00
README.md Updated README 2022-02-20 15:34:18 +01:00
next-env.d.ts Updated Nextjs to 12.0.7 2022-01-01 21:34:10 +01:00
next.config.js Added support for multi-size images 2022-02-19 05:28:04 +01:00
package-lock.json Added tooltips for the minimized Mainmenu options 2022-02-20 17:56:22 +01:00
package.json Added tooltips for the minimized Mainmenu options 2022-02-20 17:56:22 +01:00
postcss.config.js Start using TailwindCSS 2022-01-01 20:04:48 +01:00
run_accords.sh Start using TailwindCSS 2022-01-01 20:04:48 +01:00
tailwind.config.js Added language selector + better use of components 2022-02-19 02:14:16 +01:00
tsconfig.json Moved assets and files to src folder. Improved the page layout 2021-11-06 17:47:20 +01:00

README.md

Accords-library.com

Technologies

Back

  • CMS: Stapi
    • GraphQL endpoint
    • Multilanguage support
    • Markdown format for the rich text fields

Front (this repository)

  • Language: TypeScript
  • Queries: GraphQL
    • GraphQL Code Generator to automatically generated types for the operations variables and responses
    • The operations are stored in a graphql file and then retrieved and wrap as an actual TypeScript function
  • Markdown: markdown-to-jsx
    • Support for Arbitrary React Components and Component Props!
  • Styling: Tailwind CSS
    • Good typographic defaults using Tailwind/Typography
    • Beside the theme declaration no CSS outside of Tailwind CSS
    • Manually added support for scrollbar styling
    • Support for Material Icons
  • Framework: Next.js (React)
    • Multilanguage support
  • State Management: Redux Toolkit
  • Support for many screen sizes and resolutions