Aflați cum să construiți și să implementați un SaaS folosind NextJS 13.4, DrizzleORM, OpenAI, Stripe, TypeScript, Tailwind și Vercel. Vei dobandi expertiza in urmatoarele domenii:
– Utilizarea ruterului de aplicații de ultimă oră NextJS 13.
– Gestionarea fără probleme a plăților prin Stripe.
– Valorificarea frumuseții Shadcn și a puterii Tailwind CSS.
– Dezlănțuirea capabilităților API-ului OpenAI pentru utilizarea modelului de limbaj.
– Interacțiunea cu bazele de date cu eficiența ORM-urilor.
Resurse
🔗 GitHub Repo: https://github.com/elliott-chong/chatpdf-yt
🔗 Vercel AI SDK: https://vercel.com/blog/introducing-the-vercel-ai-sdk
🔗 Fișier timestamp 3:20:00 /api/chat/route.ts https://pastebin.com/crLipeHK
Curs dezvoltat de @elliottchong
⭐️ Cuprins ⭐️
⌨️ (0:00:00) Introducere și demonstrație
⌨️ (0:09:53) Configurați NextJS
⌨️ (0:11:59) Configurați Shadcn
⌨️ (0:15:45) Configurați ClerkAuth
⌨️ (0:21:52) Pagina de pornire
⌨️ (0:33:22) BurnițăORM
⌨️ (0:50:15) Componenta de încărcare a fișierelor
⌨️ (0:57:11) Configurați AWS S3
⌨️ (1:18:12) AI RAG Explicație
⌨️ (1:30:39) Configurarea interogării React
⌨️ (1:45:11) Configurați Pinecone DB
⌨️ (2:32:27) Bara laterală de chat
⌨️ (2:47:42) PDF Viewer
⌨️ (2:50:33) Chat Component ( Vercel AI SDK )
⌨️ (3:08:02) Pinecone OpenAI Get Context
⌨️ (3:26:19) Persistați jurnalele de chat în DB
⌨️ (3:34:16) Integrare Stripe
⌨️ (4:14:59) Deploy și Outro
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 davthecoder
👾 jedi-or-sith
👾 Nangong Qianying
👾 Agustín Kussrow
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- Tutorial Full Stack – Site de management al hotelului cu Next.js, React, Sanity.io, Tailwind, Stripe
- Tutorial pentru proiectare web pentru începători – Aplicație meteo cu Next.js, Tailwind CSS și TypeScript
- Next.js & Appwrite – Curs Full Stack pentru începători
- Construiți un magazin web – Angular, Node.js, TypeScript, Stripe
- Tutorial Node.js fără server – Neon Serverless Postgres, AWS Lambda, Next.js, Vercel
- Tutorial Next.js, Tailwind CSS și MongoDB Project – Aplicația de ticketing
- Învățați Vite – Curs de instrumente pentru construirea front-end
- Tutorial LangChain GEN AI – 6 proiecte end-to-end folosind OpenAI, Google Gemini Pro, CALL2
- Tutorial site-ul de comerț electronic – Creați o aplicație B2B cu Stripe + Postgres + REST API Backend
- Tutorial Spring Boot și Angular – Construiți o clonă Reddit (proiect de codare)