ํ™ˆ์œ ํŠœ๋ธŒ๋ธ”๋กœ๊ทธTop 10
๋‚ด ํ”„๋กœํ•„

๋ฐ๋ธŒํ—ˆ๋ธŒ ์•ˆ๋‚ด
์†Œ๊ฐœ์—…๋ฐ์ดํŠธ ์†Œ์‹

๋ฐ๋ธŒํ—ˆ๋ธŒ ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿš€ Build & Deploy a Perplexity AI Clone with Next.js, React,Tailwind Css Inngest | Full Stack AI App

TubeGuruji

2025. 5. 6.

0ํšŒ

#frontend
#ai
  • Next.js์™€ React๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Perplexity AI ํด๋ก ์„ ๊ตฌ์ถ•ํ•ฉ๋‹ˆ๋‹ค. ๐Ÿค–
  • Inngest๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ AI LLM ๋ชจ๋ธ ํ†ตํ•ฉ ๋ฐ API ํ˜ธ์ถœ ์ถ”์ ์„ ๊ฐ„์†Œํ™”ํ•ฉ๋‹ˆ๋‹ค. โš™๏ธ
  • Shadcn UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ UI ์ปดํฌ๋„ŒํŠธ ๊ฐœ๋ฐœ ์†๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค. ๐ŸŽจ
  • Tailwind CSS ๋ฒ„์ „ 4์˜ ๋ถˆ์•ˆ์ •์„ฑ์œผ๋กœ ์ธํ•œ ์Šคํƒ€์ผ๋ง ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ›
  • OKLCH ์ƒ‰์ƒ ํ˜•์‹์„ ์‚ฌ์šฉํ•˜์—ฌ UI์˜ ๊ธฐ๋ณธ ์ƒ‰์ƒ์„ ์‰ฝ๊ฒŒ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. ๐ŸŒˆ
  • ์‚ฌ์ด๋“œ๋ฐ” ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ Perplexity AI ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋ชจ๋ฐฉํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ—‚๏ธ

Recommanded Videos