LMS-Platform Tailwind Templates

Lms Platform

Build an LMS Platform: Next.js 13, React, Stripe, Mux, Prisma, Tailwind, MySQL | Full Course 2023 https://www.youtube.com/watch?v=Big_aFLmekI&ab_channel=CodeWithAntonio

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

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Dependencies

npm install @clerk/nextjs
npm install react-hot-toast
npm install uploadthing @uploadthing/react react-dropzone
npm install react-quill ==> Editor de blogs
npm install @mux/mux-node && npm install @mux/mux-player-react ==> Preview de Videos
npm install zustand ==> Manejo de Estado global
npm install react-confetti
npm install query-string
npm install react-icons
npm install stripe
npm install recharts ==> Graficos

Backend Initial

npm i -D prisma
npx prisma init
npx prisma generate
npx prisma db push
npx prisma studio
npx prisma migrate reset ==> Elimina toda la BD

Execution Seed

node scripts/seed.ts

Resources

https://uploadthing.com/ => Bucket de almacenamiento https://clerk.com/docs => Autenticacion https://ui.shadcn.com/ => UI https://planetscale.com/ => MYSQL https://dashboard.mux.com/organizations/4jdo85/environments/8vkcln/video/assets => Preview De videos

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.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

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.

Repository Original With Antonio

https://github.com/AntonioErdeljac/next13-lms-platform

Top categories

Loading Svelte Themes