๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Side project

[ํ”Œ์ ๊ณ„ํš] ์ƒˆ๋กœ์šด ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•ด๋ณด์ž

์ƒˆ๋กœ์šด ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•  ์‹œ๊ฐ„์ด๋‹ค.
๋ฌด์—‡์ด๋“  ์ง์ ‘ํ•ด๋ด์•ผ ๋Š๋ผ๋Š” ๊ฒƒ๋„ ๋งŽ๊ณ  ๋ฐฐ์šฐ๋Š” ๊ฒƒ๋„ ๋งŽ์€ ๊ฒƒ ๊ฐ™๋‹ค. 
์ด๋ฒˆ์—๋Š” ์–ด๋–ค ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์–ด๋ด์•ผ์ง€ ๋ณด๋‹ค ์–ด๋–ค ์Šคํƒ์„ ์‚ฌ์šฉํ•ด๋ณด๊ณ  ์‹ถ๋‹ค๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค๋ฉด์„œ ์‹œ์ž‘ํ•ด๋ณด๊ณ ์ž ๋ถ€๋ฆ‰๋ถ€๋ฆ‰ ์‹œ๋™์„ ๊ฑด๋‹ค. 

์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์€ ์Šคํƒ / ๊ธฐ์ˆ  ๋ฐ ์ด์œ 

  • Next.js : ์ง€๋‚œ ํ”„๋กœ์ ํŠธ ๋•Œ ์ฒ˜์Œ ์ ‘ํ•ด๋ดค๋Š”๋ฐ ๋” ๊ณต๋ถ€ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ๋‹ค. ๋˜ ๊ณต์‹๋ฌธ์„œ๊ฐ€ ๋งค์šฐ ์นœ์ ˆํ•˜๋‹ค(๊ณ  ํ•œ๋‹ค๋ผ๊ณ  ์–ด๋””์„œ ๋“ค์€ ๊ฒƒ ๊ฐ™์€๋ฐ ์‹ค์ œ๋กœ ๊ทธ๋ ‡๊ฒŒ ๋Š๊ปด์ ธ ๋ธ”๋กœ๊ทธ์˜ Next.js ์นดํ…Œ๊ณ ๋ฆฌ์— ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ์ผ๋ถ€ ๋ฒˆ์—ญํ•ด๋†“๊ธฐ๋„ ํ•˜์˜€๋‹ค.).
  • PlanetScale : Serverless DB Platform์œผ๋กœ ์ตœ๊ทผ์— Stackoverflow ํŒŸ์บ์ŠคํŠธ๋ฅผ ๋“ฃ๋‹ค๊ฐ€ Next.js CEO์™€ PlanetScale CEO๊ฐ€ ์ด์•ผ๊ธฐ ๋‚˜๋ˆ„๋Š” ๊ฒƒ์„ ๋“ฃ๊ณ  ์ฒ˜์Œ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํฅ๋ฏธ๊ฐ€ ์ƒ๊ฒผ๊ณ  ๋ญ”๊ฐ€ ์‚ฌ์šฉํ•ด๋ณด๊ณ  ์‹ถ์–ด์กŒ๋‹ค. ๊ทธ๋ฆฌ๊ณ  Next.js๋ž‘๋„ ์ž˜ ๋งž์„ ๊ฒƒ ๊ฐ™์•˜๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ง€๋‚œ ํ”„๋กœ์ ํŠธ์— Strapi๋ฅผ Heroku๋กœ ๋ฐฐํฌํ–ˆ๋Š”๋ฐ ๋„ˆ๋ฌด ๋Š๋ ธ....๋‹ค. ๊ทธ๋ž˜์„œ ์ƒˆ๋กœ์šด ๊ฑธ๋กœ ๋„์ „!
  • Prisma : Next-generation Node.js and TypeScript ORM์ด๋ผ๊ณ  ํ•˜๋Š”๋ฐ ํด๋ก  ์ฝ”๋”ฉ์ด๋‚˜ ํŠœํ† ๋ฆฌ์–ผ์„ ๋ณด๋‹ค๋ณด๋ฉด ORM์„ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ ๊ฐ™์•˜๋‹ค. ๋‚˜๋ž‘ ์ž˜ ๋งž์„์ง€, ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์€ ์Šคํƒ์— ์ž˜ ๋งž๋Š”์ง€๋Š” ์•„์ง ๋ชจ๋ฅด์ง€๋งŒ ํ•œ๋ฒˆ ์‚ฌ์šฉํ•ด๋ณด๊ณ  ์‹ถ๋‹ค. 
  • Lexical: Meta์—์„œ ๋งŒ๋“  extensible JavaScript web text-editor framework๋ผ๊ณ  ํ•˜๊ณ  ์•„์ฃผ ์ตœ๊ทผ์— ๋‚˜์˜จ ๊ฒƒ ๊ฐ™๋‹ค. Geeknews๋ฅผ ๋ณด๋‹ค๊ฐ€ ์•Œ๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ ์‚ฌ์šฉํ•ด๋ณด๋ฉด ์žฌ๋ฐŒ์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋ฌธ์„œ์—์„œ๋„ "Lexical is currently in early development and APIs and packages are likely to change quite often." ๋ผ๊ณ  ๋‚˜์˜ค๋Š”๋ฐ ๊ฐœ๋ฐœ ์ดˆ๊ธฐ ๋‹จ๊ณ„์ธ ๋งŒํผ ๋˜ ์‚ฌ์šฉํ•˜๋‹ค๊ฐ€ issue ์ƒ์„ฑ๋„ ํ•˜๊ณ  ์ž‘์€ ์—๋Ÿฌ๋ผ๋„ ์ˆ˜์ •ํ•˜๊ฒŒ ๋ ์ง€๋„ ๋ชจ๋ฅด๋‹ˆ๊นŒ? 
  • Vercel: ๋ฐฐํฌ๋Š” Vercel ๐Ÿ‘

 

์„ธํŒ…ํ•˜๋Ÿฌ ๊ฐ€๊ธฐ๐Ÿ‘‡

 

[ํ”Œ์ ๊ธฐ๋ก] Next.js + Prisma + PlanetScale ์„ธํŒ…ํ•˜๊ธฐ (Vercel ๋ฐฐํฌ)

์ด ๊ธ€์€ ๋‹จ์ˆœํžˆ ์„ธํŒ…๋งŒ์„ ์œ„ํ•œ ๊ธ€์ด์ง€ ๋‚ด๋ถ€์ ์ธ ๋กœ์ง์ด๋‚˜ ์Šคํ‚ค๋งˆ ๋“ฑ์— ๋Œ€ํ•œ ์„ค๋ช…์ด ์ „ํ˜€ ํฌํ•จ๋˜์–ด ์žˆ์ง€ ์•Š์œผ๋ฉฐ, ์–ด๋– ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„ ์—ญ์‹œ ๋‹ค๋ฃจ์ง€ ์•Š๋Š”๋‹ค. PlanetScale์˜ https://planetscal

birdmee.tistory.com