An open API service indexing awesome lists of open source software.

https://github.com/kevinadhiguna/antdpro-strapi-urql

Ant Design Pro v5 boilerplate powered by Strapi GraphQL API and Urql GraphQL client 🌟
https://github.com/kevinadhiguna/antdpro-strapi-urql

ant-design-pro graphql strapi typescript urql

Last synced: 8 months ago
JSON representation

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

Awesome Lists containing this project

README

          

Ant Design Pro x Strapi GraphQL x URQL client

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

[![Build With Umi](https://img.shields.io/badge/build%20with-umi-028fe4.svg?style=flat-square)](http://umijs.org/)

Ant Design Pro Ant Design Strapi GraphQL TypeScript urql GraphQL client


Ant Design Pro  x Strapi GraphQL x URQL



**🚧 Currently still in development...**


## Environment Prepare

Install `node_modules`:

```bash
yarn
```
or

```bash
yarn install
```


## Prepare Application Configuration

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

```bash
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](https://create-react-app.dev/docs/adding-custom-environment-variables/#what-other-env-files-can-be-used)


## 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

```bash
yarn start
```

### Build project

```bash
yarn build
```

### Check code style

```bash
yarn lint
```

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

```bash
yarn lint:fix
```

### Test code

```bash
yarn test
```


## To-do :
- [ ] Fix login issue ([#1](https://github.com/kevinadhiguna/antdpro-strapi-urql/issues/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](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](https://github.com/kevinadhiguna/strapi-dockerize)


![Hello !](https://api.visitorbadge.io/api/VisitorHit?user=kevinadhiguna&repo=antdpro-strapi-urql&label=thanks%20for%20dropping%20in%20!&labelColor=%23000000&countColor=%23FFFFFF)