/stream-rec-front

Stream-rec frontend ui. Built based on Shadcn ui, React with i18n support(English/Chinese)

Primary LanguageTypeScript

This is a Next.js project bootstrapped with create-next-app.

This is the frontend service for Stream-rec project.

Note

It is a personal project to learn Next.js, React, and other technologies. Feel free to give me any suggestions or feedback.

Screenshots

login dashboard streamers
records uploads global_settings

Technologies

Getting Started

First, set up the environment variables:

  • API_URL: The backend API URL. Default is http://localhost:12555.
  • WS_API_URL: The backend WebSocket API URL. Default is ws://localhost:12555/live/update.
  • NEXTAUTH_SECRET: The secret key for NextAuth.
  • NEXTAUTH_URL: The NextAuth URL. Default is http://localhost:15275.

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:15275 with your browser to see the result.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.