/mkaidev-belajar

Build a Course & LMS Platform: Next JS, React, Stripe, Mux, Prisma, Tailwind | Code with Antonio

Primary LanguageTypeScript

Build a Course & LMS Platform: Next 14, React, Stripe, Mux, Prisma, Tailwind, Mongodb, Uploadthing | Code With Antonio

Getting Started

First, run the development server:

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

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

⭐DO NOT FORGET TO STAR THIS REPO⭐

If you want to learn how to create it please follow below tutorial👇: ➡ Tutorial Link 💚: Build a Course & LMS Platform: Next 13, React, Stripe, Mux, Prisma, Tailwind, MySQL | Udemy Clone

Environments

Before start, please make sure you create .env file on the root folder and input your own environment.

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_
CLERK_SECRET_KEY=sk_test_

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up

DATABASE_URL="mongodb+srv://..."

UPLOADTHING_SECRET=sk_live_
UPLOADTHING_APP_ID=

MUX_TOKEN_ID=
MUX_TOKEN_SECRET=

STRIPE_API_KEY=sk_test_
STRIPE_WEBHOOK_SECRET=whsec_

NEXT_PUBLIC_APP_URL=http://localhost:3000

NEXT_PUBLIC_TEACHER_ID=user_

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.