Next.js Trading Simulator

A modern trading simulator application built with Next.js

trading_preview.yafw.balanced.mp4

Product demo: https://youtu.be/61x8dGf1CZs

Tech Stack

• Next.js - React framework
• shadcn/ui - UI components
• TailwindCSS - Styling
• Drizzle ORM - Database ORM
• Socket.IO - Real-time communication
• BetterAuth - Authentication service
• Binance Websockets API - BTCUSDT Real time prices

Environment Variables

Create a .env file in the root directory with the following variables:

BETTER_AUTH_SECRET="your-secret-here"
DATABASE_URL="your-postgresql-connection-string"
PORT="3000"
NEXT_PUBLIC_WEBSOCKET_URL="ws://localhost:3000"
PRODUCTION_URL="https://trade.jorgetoh.me"