Next.js์์๋ next-auth๋ฅผ ์ด์ฉํด ์นด์นด์ค ๋ก๊ทธ์ธ์ ๊ตฌํํ๊ธฐ ์ฝ๋ค. ์ด ๋ฐฉ๋ฒ์ ํตํด ์๋น์ค์ ์์ ๋ก๊ทธ์ธ์ ๋ฃ์ด๋ณด์.
Next.js์์๋ next-auth๋ฅผ ์ด์ฉํด ๊ตฌ๊ธ ๋ก๊ทธ์ธ์ ๊ตฌํํ๊ธฐ ์ฝ๋ค. ์ด ๋ฐฉ๋ฒ์ ํตํด ์๋น์ค์ ์์ ๋ก๊ทธ์ธ์ ๋ฃ์ด๋ณด์.
๋ชจ๋ฌ ์ฐฝ ๋ค ๋ฐฐ๊ฒฝ์ ๋ธ๋ฌ๋ฅผ ์ถ๊ฐํ๊ธฐ ์ํด toggle์ ์ด์ฉํ์ง ์๊ณ ๊ฐ๋จํ๊ฒ ๊ตฌํํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด์.
์ด๋ ต๊ณ ๋ณต์กํ Redux ๋์ Recoil์ ์ด์ฉํด ๊ฐํธํ๊ฒ ์ ์ญ ์ํ๋ฅผ ๊ด๋ฆฌํ์.
์ ์ญ ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ Recoil์ ํ์ฉํด ๋ต๋ณ ํผ์ ๋ต๋ณ์ ์ ์ถ ์ ๊น์ง ์ ์งํ๋ ๊ฒ์ ๊ตฌํํด๋ณด์.
Axios ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํ์ฉํด ๊ฐํธํ๊ฒ ํต์ ์ ํ์.
next-auth๋ฅผ ์ด์ฉํ์ฌ ์์ ๋ก๊ทธ์ธ์ ๊ตฌํํ๋๋ฐ, ์ฌ์ฉ์ ์ ๋ณด๋ ์ด๋ป๊ฒ ๋ณผ ์ ์๊ณ ๋ก๊ทธ์ธ ํ์ ๋ก์ง์ ์ด๋ป๊ฒ ์ฒ๋ฆฌํ ์ ์๋์ง ์์๋ณด์.
Next.js๋ก ์น์ฌ์ดํธ ๋ง๋ค์๋๋ฐ, ์ฑ์ด๋ฉด ๋ ์ข์๊ฑฐ ๊ฐ์๋ฐ.. ์๋ ์๋ ์ฝ๋๋ก ๊น๋ํ PWA ์ฑ์ผ๋ก 5๋ถ๋ง์ ๋ง๋ค์ด๋ฒ๋ฆฌ๊ธฐ! ๋๊ตฌใโ ใ ใ ๋ฅ
Next.js์์ NEXT_PUBLIC ํ๊ฒฝ๋ณ์ ์ฐ์ง๋ง๊ณ , Firebase๋ฅผ ์ฌ์ฉํด๋ณด์
Firebase์ ๋ฐ์ดํฐ ์ ์ฅ์ ์ํด Firestore์ ์ฌ์ฉํ์๋๋ฐ, ์ด๋ฏธ์ง ์ ๋ก๋๋ฅผ ์ํด Storage๋ฅผ ์ฌ์ฉํด๋ณด์