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 e2f8a72a37 Updated README 2022-02-20 15:34:18 +01:00
public multple small improvement 2022-02-18 19:29:25 +01:00
src Simplified how NavOption are declared 2022-02-20 15:18:35 +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 Redux Toolkit to manage the UI globally 2022-02-20 14:59:56 +01:00
package.json Added Redux Toolkit to manage the UI globally 2022-02-20 14:59:56 +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