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.

graphql icu jotai markdown multilingual nextjs react ssg tailwindcss typescript

Go to file

DrMint cf00c2c6cb Update README.md		2022-01-02 18:06:47 +01:00
public	Moved assets and files to src folder. Improved the page layout	2021-11-06 17:47:20 +01:00
src	ContentPanel can now have different widths	2022-01-02 17:33: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	Update README.md	2022-01-02 18:06:47 +01:00
next-env.d.ts	Updated Nextjs to 12.0.7	2022-01-01 21:34:10 +01:00
next.config.js	Library items are working again	2021-12-31 17:20:39 +01:00
package-lock.json	Updated Nextjs to 12.0.7	2022-01-01 21:34:10 +01:00
package.json	Updated Nextjs to 12.0.7	2022-01-01 21:34:10 +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	Finished converting current CSS to Tailwind	2022-01-02 16:14:39 +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 wrap as an actual TypeScript function
Styling: Tailwind CSS
- Markdown automatic formatting using Tailwind/Typography
- Beside the theme declaration no CSS outside of Tailwind CSS
- Manually added support for scrollbar styling
Framework: Next.js (React)
- Multilanguage support