Next.js 12 - public dir, API key ์ˆจ๊ธฐ๊ธฐ(redirects, rewrites)
ยท
♠๏ธ Next.js 12
โšซ Public directory - Next.js๋ฅผ ์ด์šฉํ•˜๋ฉด public ํŒŒ์ผ๋“ค์„ ์•„์ฃผ ์‰ฝ๊ฒŒ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ๋‹ค. public ํŒŒ์ผ๋“ค์„ public ๋””๋ ‰ํ† ๋ฆฌ์— ๋„ฃ์–ด์ฃผ๊ธฐ๋งŒ ํ•˜๋ฉด public ๋””๋ ‰ํ† ๋ฆฌ ์•ˆ์— ์žˆ๋Š” ํŒŒ์ผ๋“ค์„ ์‰ฝ๊ฒŒ ์ฐพ์•„์˜ฌ ์ˆ˜ ์žˆ๋‹ค. -> ์ด๋ ‡๊ฒŒ ํ•  ํ•„์š” ์—†๋‹ค. -> Next.js๋Š” "/" ์ ˆ๋Œ€๊ฒฝ๋กœ๋ฅผ ์ž๋™์œผ๋กœ "/public"์— ๋งคํ•‘ํ•œ๋‹ค. ๊ทธ๋Ÿฌ๋ฏ€๋กœ "/public"๊ณผ ๊ฐ™์€ ์œ„์น˜์— ์žˆ๋Š” ํด๋”๋“ค์— ์ ‘๊ทผํ•˜๊ณ  ์‹ถ์„ ๋•Œ๋Š” ์ƒ๋Œ€ ๊ฒฝ๋กœ๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. โšซ Redirects- API key๋ฅผ ์ˆจ๊ธฐ์ง€ ์•Š๋Š”๋‹ค. [next.config.js]const API_KEY = process.env.API_KEY;module.exports = { reactStrictMode: true, async redirects() {..