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.
- Next.js
- React
- ShadcnUI
- NextAuth.js for JWT authentication
- Internationalization with next-intl
First, set up the environment variables:
API_URL
: The backend API URL. Default ishttp://localhost:12555/api
.WS_API_URL
: The backend WebSocket API URL. Default isws://localhost:12555/live/update
.NEXTAUTH_SECRET
: The secret key for NextAuth, you can generate one withopenssl rand -base64 32
or just use a random string.NEXTAUTH_URL
: The NextAuth URL. Default ishttp://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.
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.