nextjs,tailwindcss,vercel

vercel์— git add ์•ˆํ•˜๊ณ  ๋ฐ”๋กœ ๋ฐฐํฌํ•˜๋Š”๋ฒ•

์ฃผ์˜ ๐Ÿฑ 2024. 8. 23. 23:14
728x90
๋ฐ˜์‘ํ˜•

vercel์ด๋ผ๋Š” ๋ช…๋ น์–ด๋ฅผ ํ„ฐ๋ฏธ๋„์— ์ž…๋ ฅํ•˜๋Š” ๊ฒƒ๋งŒ์œผ๋กœ๋„ ๋ฐ”๋กœ ๋ฐฐํฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๊ฐ€ 

git add , git commit, git push ์•ˆํ•ด๋„๋จ!

  1. Vercel CLI ์„ค์น˜: npm (Node Package Manager)์„ ์‚ฌ์šฉํ•˜์—ฌ ์ „์—ญ์œผ๋กœ Vercel CLI๋ฅผ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค. ํ„ฐ๋ฏธ๋„์—์„œ ๋‹ค์Œ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜์„ธ์š”:
     
    npm install -g vercel
  2. ์„ค์น˜ ํ™•์ธ: ์„ค์น˜๊ฐ€ ์™„๋ฃŒ๋˜๋ฉด ๋‹ค์Œ ๋ช…๋ น์–ด๋กœ Vercel CLI๊ฐ€ ์ œ๋Œ€๋กœ ์„ค์น˜๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค:
     
    vercel --version
    ๋ฒ„์ „ ์ •๋ณด๊ฐ€ ํ‘œ์‹œ๋˜๋ฉด ์„ค์น˜๊ฐ€ ์„ฑ๊ณต์ ์œผ๋กœ ์™„๋ฃŒ๋œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
  3. Vercel ๊ณ„์ • ์—ฐ๊ฒฐ: ์ด์ œ 'vercel login' ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Vercel ๊ณ„์ •์— ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:
     
    vercel login
    ๋ธŒ๋ผ์šฐ์ € ์ฐฝ์ด ์—ด๋ฆฌ๋ฉด Vercel ๊ณ„์ •์œผ๋กœ ๋กœ๊ทธ์ธํ•˜์„ธ์š”.
  4. ํ”„๋กœ์ ํŠธ ์—ฐ๊ฒฐ: ํ”„๋กœ์ ํŠธ ๋””๋ ‰ํ† ๋ฆฌ๋กœ ์ด๋™ํ•œ ํ›„, ๋‹ค์Œ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ Vercel๊ณผ ์—ฐ๊ฒฐํ•ฉ๋‹ˆ๋‹ค:
     
    vercel link
    ํ”„๋กฌํ”„ํŠธ์— ๋”ฐ๋ผ ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์ž…๋ ฅํ•˜์„ธ์š”.
  5. ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์„ค์ •: ํ”„๋กœ์ ํŠธ๊ฐ€ ์—ฐ๊ฒฐ๋˜๋ฉด ๋‹ค์Œ ๋ช…๋ น์–ด๋กœ ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:
     
    vercel env add BLOB_READ_WRITE_TOKEN
    ํ”„๋กฌํ”„ํŠธ๊ฐ€ ๋‚˜ํƒ€๋‚˜๋ฉด Blob Store ํ† ํฐ ๊ฐ’์„ ์ž…๋ ฅํ•˜์„ธ์š”.
  6. ๋ฐฐํฌ: ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ์ปค๋ฐ‹ํ•œ ํ›„, ๋‹ค์Œ ๋ช…๋ น์–ด๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:
     
    vercel

์ด ๊ณผ์ •์„ ํ†ตํ•ด Vercel CLI๋ฅผ ์„ค์น˜ํ•˜๊ณ , ํ”„๋กœ์ ํŠธ๋ฅผ Vercel๊ณผ ์—ฐ๊ฒฐํ•˜๋ฉฐ, ํ•„์š”ํ•œ ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 

๋ฐ˜์‘ํ˜•