У нас вы можете посмотреть бесплатно Build & Deploy: Full Stack AI Quiz Platform with NextJS 13, TailwindCSS, OpenAI, Next Auth или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
GitHub Repo: https://github.com/Elliott-Chong/quiz... Follow along with this full stack tutorial to learn about the newest features in NextJS 13.4. I will code out the entire project with you from scratch and deploy it to vercel :) In the end, you will learn how to: Use NextJS 13's new App Router Utilise the beauty of shadcn and tailwindcss Learn best practices for data fetching Utilise OpenAI's API for LLM usage Learn how to interact with databases through the power of ORMS -- Pastebins -- Timestamp 13:40 prisma db.ts file https://pastebin.com/hYYzuFY9 Timestamp 19:37 schema.prisma template code https://pastebin.com/S325fZ4P Timestamp 1:49:05 lib/gpt.ts https://pastebin.com/EiggjLeq -- Credits & Inspirations -- Thank you for all the support from my friends who helped me with this project :) Thank you https://github.com/CptKingFish for the frontend design Thank you / @joshtriedcoding for the inspiration to create coding videos Thank you / @codewithantonio for the thumbail inspiration -- Mentioned Resources -- Shadcn best practices form • I Never Want To Create Forms Any Other Way Strict JSON GPT repo https://github.com/tanchongmin/strict... Connect With Me 🔥🚀 : GitHub: https://github.com/elliott-chong Instagram: / elliottchong_ Website: https://elliottchong.tech -- Chapters -- 0:00 Intro & Demo 4:50 Setup Project 7:10 Setup Shadcn 10:12 Setup Database & Prisma 16:15 Setup NextAuth 30:22 Setup Providers 34:02 Setup Navbar 56:24 Theme Toggle 1:01:26 Home Page 1:05:41 Dashboard Page 1:17:51 Word Cloud 1:22:18 Create Quiz Form 1:41:32 Game Logic Data Modelling 1:47:06 OpenAI GPT Setup 1:52:01 Generate Questions Endpoint 2:07:14 Create Game Endpoint 2:17:59 React Query & Create Game Logic 2:28:29 MCQ Page UI 2:49:26 Check Answer Endpoint 2:57:13 Link Check Answer to MCQ 3:12:36 Time Delta Calculation 3:17:33 Open Ended Game UI 3:28:40 Blank Answer Input Component 3:37:06 Finish Open Ended Game Logic 3:44:34 Statistics Page 4:00:28 Statistics Questions List 4:12:02 Loading Page Logic 4:24:59 Quiz History 4:36:49 Word Cloud Topic Count 4:46:22 Deploy To Vercel