ํ”ผ๋“œ๋กœ ๋Œ์•„๊ฐ€๊ธฐ
๐ŸŽฌ CineVerse โ€” A Movie Discovery Platform for Indian Users
Dev.toDev.to
Frontend

Supabase์™€ AI ์š”์•ฝ์„ ํ™œ์šฉํ•œ ํ†ตํ•ฉ ์˜ํ™” ํƒ์ƒ‰ ํ”Œ๋žซํผ CineVerse ๊ตฌ์ถ• ์‚ฌ๋ก€

๐ŸŽฌ CineVerse โ€” A Movie Discovery Platform for Indian Users

Vishal Shetty2026๋…„ 4์›” 7์ผ2๋ถ„beginner

AI ์š”์•ฝ

Context

๋‹ค์–‘ํ•œ OTT ํ”Œ๋žซํผ ๋ถ„์‚ฐ์œผ๋กœ ์ธํ•œ ์ฝ˜ํ…์ธ  ์„ ํƒ ์‹œ๊ฐ„ ์ฆ๊ฐ€. ์—ฌ๋Ÿฌ ์•ฑ์„ ๊ต์ฐจ ํ™•์ธํ•ด์•ผ ํ•˜๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์˜ ํŒŒํŽธํ™” ๋ฐœ์ƒ. ํ†ตํ•ฉ๋œ ์ •๋ณด ์ œ๊ณต ๋ฐ ๋น ๋ฅธ ์˜์‚ฌ๊ฒฐ์ •์„ ๋•๋Š” ์ค‘์•™ ์ง‘์ค‘ํ˜• ํ”Œ๋žซํผ์˜ ํ•„์š”์„ฑ ๋Œ€๋‘.

Technical Solution

  • React.js ๊ธฐ๋ฐ˜์˜ ์ง๊ด€์  ์ธํ„ฐํŽ˜์ด์Šค ์„ค๊ณ„๋ฅผ ํ†ตํ•œ ์ฝ˜ํ…์ธ  ํƒ์ƒ‰ ๊ฒฝํ—˜ ์ตœ์ ํ™”
  • Supabase๋ฅผ ํ™œ์šฉํ•˜์—ฌ Authentication, Database, Storage๋ฅผ ํ†ตํ•ฉ ๊ด€๋ฆฌํ•˜๋Š” ์„œ๋ฒ„๋ฆฌ์Šค ์•„ํ‚คํ…์ฒ˜ ์ฑ„ํƒ
  • PostgreSQL ๊ธฐ๋ฐ˜์˜ ๊ด€๊ณ„ํ˜• ๋ฐ์ดํ„ฐ ๋ชจ๋ธ๋ง์œผ๋กœ ์˜ํ™” ์ •๋ณด, ์‚ฌ์šฉ์ž ๋ฆฌ๋ทฐ, ํ‰์  ๊ฐ„์˜ ๋ฐ์ดํ„ฐ ์ •ํ•ฉ์„ฑ ํ™•๋ณด
  • ๋‹ค์ˆ˜ ๋ฆฌ๋ทฐ ๋ฐ์ดํ„ฐ๋ฅผ ๋น ๋ฅด๊ฒŒ ํŒŒ์•…ํ•˜๊ธฐ ์œ„ํ•œ AI ๊ธฐ๋ฐ˜ ๋ฆฌ๋ทฐ ์š”์•ฝ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ์ผ๋ฐ˜ ์ถ”์ฒœ๊ณผ ๋น„๊ต ์ถ”์ฒœ(Comparative Recommendation)์œผ๋กœ ๊ตฌ๋ถ„๋œ ๋กœ์ง ๊ธฐ๋ฐ˜ ์ถ”์ฒœ ์‹œ์Šคํ…œ ์„ค๊ณ„
  • Vercel ๋ฐฐํฌ ํŒŒ์ดํ”„๋ผ์ธ์„ ํ†ตํ•œ ์ง€์†์  ํ†ตํ•ฉ ๋ฐ ๋ฐฐํฌ(CI/CD) ํ™˜๊ฒฝ ๊ตฌ์ถ•

Key Takeaway

๋‹จ์ผ ํ”Œ๋žซํผ ๋‚ด์—์„œ AI ์š”์•ฝ๊ณผ ์ถ”์ฒœ ๋กœ์ง์„ ๊ฒฐํ•ฉํ•˜์—ฌ ์‚ฌ์šฉ์ž ์˜์‚ฌ๊ฒฐ์ • ๋น„์šฉ์„ ๋‚ฎ์ถ”๋Š” ๋ฐ์ดํ„ฐ ์ค‘์‹ฌ์˜ ์„œ๋น„์Šค ์„ค๊ณ„ ์ „๋žต.

์‹ค์ฒœ ํฌ์ธํŠธ

๋น ๋ฅธ MVP ๊ฐœ๋ฐœ๊ณผ ํ™•์žฅ์„ฑ ํ™•๋ณด๊ฐ€ ํ•„์š”ํ•œ ๊ฒฝ์šฐ Supabase์™€ ๊ฐ™์€ BaaS(Backend as a Service) ๋„์ž…์„ ๊ฒ€ํ† ํ•  ๊ฒƒ

ํƒœ๊ทธ

#Supabase#AI summarization#PostgreSQL#Vercel#React.js
์›๋ฌธ ์ฝ๊ธฐ