Ant Design Pro x Strapi GraphQL x URQL client

Ant Design Pro v5 boilerplate powered by Strapi GraphQL API and Urql GraphQL client 🌟

🚧 Currently still in development...

Environment Prepare

Install node_modules:

yarn

or

yarn install

Prepare Application Configuration

Copy appConfig.dev.json to create appConfig.json:

cp src/appConfig.dev.json ~/antdpro-urql-strapi/src/appConfig.json

If the above command does not work, you can use File Manager to copy appConfig.dev.json manually or even just create appConfig.json inside the /src directory.

This allows you to separate application configuration on client-side based on the environment (development, staging, production, etc.)

• appConfig.json: Default.
• appConfig.local.json: Local overrides. This file is loaded for all environments except test.
• appConfig.dev.json, appConfig.test,json, appConfig.prod.json : Environment-specific settings.
• appConfig.development.local, appConfig.test.local.json, appConfig.prod.local.json: Local overrides of environment-specific settings.

Reference : Create React App - Adding Custom Environment Variables

Available Scripts

Here are some useful script to help you quick start and build with web project, code style check and test.

Scripts provided in package.json. It's safe to modify or add additional script:

Start project

yarn start

Build project

yarn build

Check code style

yarn lint

You can also use script to auto fix some lint error:

yarn lint:fix

Test code

yarn test

To-do :

• Fix login issue (#1)

📦 Looking for Ant Design Pro with Apollo GraphQL client ?

Here is the repo you might be looking for : https://github.com/kevinadhiguna/antdpro-strapi-auth

🔎 Looking for the Server-side ?

Here is the Strapi app that you can use with this project : https://github.com/kevinadhiguna/strapi-dockerize