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 18.17.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.