Skip to content

stream-rec/stream-rec-frontend

Repository files navigation

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/api.
  • WS_API_URL: The backend WebSocket API URL. Default is ws://localhost:12555/live/update.
  • NEXTAUTH_SECRET: The secret key for NextAuth, you can generate one with openssl rand -base64 32 or just use a random string.
  • 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

or build the project:

npm run build
# or
yarn build
# or
pnpm build
# or
bun build

and start the server:

npm run start
# or
yarn start
# or
pnpm start
# or
bun start

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.

Important

Things to note:

  • The environment variables should be set in the Vercel dashboard.
  • Vercel will automatically set the NEXTAUTH_URL environment variable.

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

About

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

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published