School Website based on Strapi CMS and Next.js

Folder Structure

📁 apps
- 📁 backend: headless CMS (API) that uses Strapi.
- 📁 frontend
  - 📁 queries: GraphQL queries. Just create a .graphql that you will want to use.
  - 📁 generated: Generated GraphQL queries with GraphQL Code Generator. Runs automatically while developing. You import types and queries from there (not from 📁 queries!)
  - 📁 stories: Storybook stories.
  - 📁 pages: Next.js pages.
  - 📁 public: Next.js static file serving.
  - 📁 styles: Global CSS Styles. It's better to use CSS modules (component.module.css in 📁 components
  - 📁 lib: Libraries wrappers (such as for Apollo Client) and configs.
  - 📁 components: React components and their styles. There's also a Next.js Layout