Folder Structure

The folder structure of Headless GraphQL is following like that.

node_modules: It contains all the npm packages that is used on this projects.

packages: It's came from mono repo concepts. It's contain all kind of module which gave the share able module structure.

• core: Contain Project Specific components.
• importer: Contain demo data import functions.
• reusecore: Contain Reusable Components.
• server: Contain Server Related File and Funtions.
• web: It's the core of the project front-end.

web module:

• components: contain the compose components for this project.
• containers: Collections of page specific components.
• context: components which is build using react context API.
• helpers: contains all kind of helper functions like: init-apollo, urlHelpers etc .
• hoc: Contain's component which is build using react Higher Order Components pattern Like: AppLayout etc.
• pages: In next.js the file-system is the main API. Every .js file becomes a route that gets automatically processed and rendered. so all the route file is here.
• next.config.js: contain extended next configurations like css module support, font import, image import and optimization and env variables.
• package.json: Contains all the informations about the specific module packages, scripts etc .

public: Contains public files used on the projects like icon files.

package.json: Contains all the informations about the workspace like third party packages, scripts etc .

lerna.json: Contains lerna and yarn workspace config.