[LinkBrary] Next.js ์ฟ ํค ๋ง๋ค๊ธฐ ( with. API Routes )
ยท
๐ป PROJECT/์๋ฌํธ๋ค๋ง
๊ฐ๋ฐ ํ๊ฒฝ- Next.js 14 (page router)- TailwindCSS- Axios ๋ฌธ์ ์ํฉ BE์์ API๋ฅผ ํตํด JWT์ ๋ณด๋ด์ฃผ์ด AccessToken์ ํตํด ์ฌ์ฉ์ ์ธ์ฆ์ ํ๋ ๋ฐฉ์์ ์ฌ์ฉํ๊ณ ์์ผ๋ฉฐ, ์ฝ๋์ ๋ถํธ์บ ํ ๋ด์์ ํ๋ ํ๋ก์ ํธ์ด๊ธฐ์ BE API๋ฅผ ๋ณ๊ฒฝํ ์ ์์๊ณ , RefreshToken ์์ด AccessToken๋ง์ ์ฌ์ฉํด ์ธ์ฆ์ ํ๊ณ , AccessToken์ ์ฃผ๊ธฐ๊ฐ ์งง์ ์์ฃผ ๋ก๊ทธ์ธ์ ํด์ผํ์ต๋๋ค. ๋ํ, ํ์ฌ ์น์คํ ๋ฆฌ์ง(LocalStorage)๋ฅผ ์ฌ์ฉํ์ฌ SSR(์๋ฒ์ฌ์ด๋ ๋ ๋๋ง) ์ ๋ก๊ทธ์ธ(์ฌ์ฉ์ ์ธ์ฆ)์ด ํ์ํ ์๋น์ค(API)๋ ์ฌ์ฉํ ์ ์์์ต๋๋ค. ๋ฌธ์ ์ ์์ฝ์งง์ ํ ํฐ ์๋ช
๋๋ฌธ์ API ํต์ ์ ์์ด 401(UnAuthorized)์๋ฌ๊ฐ ์์ฃผ ๋ฐ์SSR ๋ฐฉ์์ ์ฌ..