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
  • Support for light and dark mode with a manual switch and system's selected theme by default
  • Support for creating any arbitrary theming mode by swapping CSS variables
• Framework: Next.js (React)
  • Multilanguage support
• State Management: React Context
  • Persistent app state using LocalStorage
• Support for many screen sizes and resolutions

Installation

git clone https://github.com/Accords-Library/accords-library.com.git
cd accords-library.com
npm install

Create a env file:

nano .env.local

Enter the followind information:

URL_GRAPHQL=https://url-to.strapi-accords-library.com/graphql
ACCESS_TOKEN=genatedcode-by-strapi-api
NEXT_PUBLIC_URL_CMS=https://url-to.strapi-accords-library.com/
NEXT_PUBLIC_URL_IMG=https://url-to.img-accords-library.com/

Run in dev mode:

./run_accords_dev.sh

OR build and run in production mode

./run_accords_build.sh
./run_accords_prod.sh