Radionica ima za cilj da pruži praktičan i interaktivan uvod u izgradnju modernog AI-asistenta od backend-a i baze podataka, preko integracije AI modela, do izrade modernog frontend interfejsa i chat widgeta. Učesnici će, kroz konkretne primjere i sopstveni rad, naučiti kako da povežu Next.js, Supabase i AI SDK u cjelovito rješenje koje može kao primjer i osnova za izgradnju modernih i praktičnih Startup rješenja.

Poseban akcenat biće na „hands-on“ pristupu, razumijevanju kako AI modeli suštinski  komuniciraju  sa backend-om i korisnikom, te na izradi funkcionalnog demo projekta koji polaznici mogu koristiti i nadograđivati nakon radionice.

Detalji radionice:

Datum i vrijeme: Srijeda, 5. novembar, od 19 h do 21 h i četvrtak od 20 h do 21 h

Lokacija: Coinis Hub sala (ETF)

Predavač: Stefan Vukmanović

Broj polaznika: 20

Radionica je BESPLATNA

Okvirna agenda, uz potencijalne sitne izmjene do samog početka obuke:

• Pregled ciljeva i tehnologija u kratak uvod o načinu funkcionisanja AI agenata (Next.js, Supabase, AI SDK, shadcn UI)

• Prikaz primjera iz realnog života i price startapova koji na moderan način rješavaju različite probleme u industriji

• Postavljanje backend-a koristeći Next.js -a

• Konfigurisanje Supabase baze i autentifikacije

• Definisanje šeme baze: proizvodi, korisnici, chat sesije

• Izgradnja AI agenta i povezivanje sa backend-om

• Upravljanje promptovima i kontekstom konverzacije

• Postavljanje frontend-a sa shadcn komponentama

• Dizajn i implementacija chat widgeta (UI i logika)

• Upravljanje porukama i real-time prikaz AI odgovora (konfiguracija DB Pravila I preporuke za bolji stepen sigurnosti)

• Testiranje, ispravke i dodavanje osnovnih sigurnosnih mjera

• Zaključak, pitanja i ideje za dalja poboljšanja (deploy i skaliranje)

Radionica je namijenjena studentima, developerima i startup entuzijastima koji žele da nauče kako se kreira i povezuje AI sistem za e-commerce prodaju. Idealan je izbor za sve koji žele da u praksi spoje frontend, backend i AI modele u jedno funkcionalno rješenje, kao i za one koji planiraju da razviju sopstvene AI asistente za podršku, prodaju ili korisnički servis.

Ideja je da na kraju svaki polaznik ima:

• Razumjevanje Next.js serverskih akcija i funkcionalnosti PSQL-a

• Praktično znanje u upotrebi ORM sistema (Drizzle)

• Integrisan AI asistent povezan sa bazom i API-jem

• Funkcionalan chat widget na frontend-u (dublje razumjevanje React embeddable komponenti, naučiće kako je moguće kreirati potpuno izlovane komponente koje mogu biti integrisane na bilo kojem web-sajtu)

• Razumjevanje potencijalnih prepreka u procesu skaliranja AI agenata