Weavy Refine Example

This example will show you an example how to integrate Weavy into a Refine app. This includes integrating authorization, theming and notifications.

The example is based on the standard Refine NextJS example using NextAuth with Ant Design.

Prerequisites

• A Weavy account and Weavy API key
• Node.js

Install dependencies

npm install

Configure Weavy

For the Weavy components to work, you need to provide a WEAVY_URLand WEAVY_APIKEY environment variable. These can be defined in an .env file in the root of the project (see .env.example).

# .env
NEXT_PUBLIC_WEAVY_URL="https://example.weavy.io" # Your Weavy environment URL
WEAVY_APIKEY="wys_*********" # Your secret API key

Run the demo

Production mode

To start the Production mode you need to compile the app first. When it's compiled, you can start the production mode and open the app running at http://localhost:3000 to see the example in full action.

npm run build
npm start

Developer mode

Start the dev mode and open the preview running at http://localhost:3000 to see the example in full action.

npm run dev