Lab

The Stellar Lab is a suite of tools to help one learn about exploring the Stellar network. See it in action: https://lab.stellar.org/.

Tech stack

• Next.js framework (React)
• TypeScript
• Stellar Design System for UI
• Sass for CSS styling
• TanStack (React) Query for API queries
• Zustand for state management
• Playwright for e2e tests
• Yarn Classic (v1)

Developing

yarn dev

Testing hardware wallets requires an HTTPS connection to enable U2F. The recommended way to do this is with ngrok. Once downloaded and authenticated, start ngrok, and tell the Lab to start with a public URL.

./ngrok http 3000
# in a separate terminal
# the subdomain will appear in ngrok's output
yarn start --public randomsubdomain.ngrok.io

Building for production

yarn build

To build and run production build locally:

yarn start

Production uses Amplitude to emit metrics, so to fully emulate a production build, you’ll need to set an NEXT_PUBLIC_AMPLITUDE_API_KEY variable in .env.local file.