This is a Next.js project bootstrapped with create-next-app
First, run the development server:
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
This guide is for running @synapsecns/synapse-interface and @synapsecns/sdk-router simultaneously for local development, with continuous recompilation on changes.
Ensure you've installed Node.js (version >=16.0.0) and Yarn on your machine. This setup assumes you're using Yarn Workspaces and Lerna to manage your project, with @synapsecns/sdk-router and @synapsecns/synapse-interface as part of the same workspace.
- Install dependencies From the root directory of your workspace, run:
yarn installThis will handle dependency installation and local package linking.
- Watch for changes in
@synapsecns/sdk-routerOpen a terminal, navigate to the workspace root, and run:
lerna run --scope @synapsecns/sdk-router start --streamThis triggers TSDX in watch mode for @synapsecns/sdk-router, triggering rebuilds on file changes.
- Run the Next.js application in development mode
In a separate terminal window, navigate to the
synapse-interfacedirectory and start the dev server:
yarn devThis command watches for file changes and automatically rebuilds the application, including updated dependencies.
After completing these steps, any changes to @synapsecns/sdk-router will be automatically detected and rebuilt. The @synapsecns/synapse-interface application will then pick up and incorporate these updates.
Make sure the @synapsecns/sdk-router dependency in synapse-interface's package.json is declared by name and version (like "@synapsecns/sdk-router": "0.1.0"), matching sdk-router's package.json version.