Next.js๋ฅผ ์ด์ฉํ SSG(Static Site Generation) ๋งํฌ๋ค์ด ๋ธ๋ก๊ทธ ์ ๋๋ค.
์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง (SSR) ๋ฐ ์ ์ ์ฌ์ดํธ ์์ฑ (SSG) ์ง์:
๊ธฐ์ ๋ธ๋ก๊ทธ๋ SEO์ ๋ฏผ๊ฐํ๋ฉฐ, ์ด๊ธฐ ๋ก๋ฉ ์๋์ ๊ฒ์ ์์ง ์ต์ ํ๊ฐ ์ค์ํฉ๋๋ค.
Next.js์ SSR๊ณผ SSG ๊ธฐ๋ฅ์ ํ์ฉํ๋ฉด ๊ฒ์ ์์ง์์ ๋ธ๋ก๊ทธ ์ปจํ ์ธ ๋ฅผ ๋ ์ ์ธ์ํ๊ณ ์ด๊ธฐ ๋ก๋ฉ ์๋๋ฅผ ๊ฐ์ ํ ์ ์์ต๋๋ค. ํด๋น ๋ธ๋ก๊ทธ๋ SSG๋ฅผ ํ์ฉํด ์ ์ํ์์ต๋๋ค.
๋ผ์ฐํ ๋ฐ ์ฝ๋ ์คํ๋ฆฌํ :
Next.js๋ ๋ด์ฅ๋ ๋ผ์ฐํ ์์คํ ์ ์ ๊ณตํ์ฌ ํ์ด์ง ๊ฐ ์ ํ์ ์ฝ๊ฒ ํ ์ ์์ต๋๋ค. ๋ํ ์ฝ๋ ์คํ๋ฆฌํ ์ ์ง์ํ์ฌ ํ์ํ ์ปดํฌ๋ํธ๋ง ๋ก๋ํด ์ด๊ธฐ ๋ก๋ฉ ์๊ฐ์ ์ค์ผ ์ ์์ต๋๋ค.
์ ์ ํ์ ์์คํ ์ ํตํด ์ฝ๋์ ์์ ์ฑ์ ๋์ด๊ณ ๋ฐํ์ ์ค๋ฅ๋ฅผ ์ฌ์ ์ ๋ฐฉ์งํ์ฌ ์ฝ๋ ํ์ง์ ํฅ์์ํต๋๋ค.
TailwindCSS๋ utility-first ์ปจ์ ์ css ํ๋ ์์ํฌ์ ๋๋ค. ๋คํฌ ๋ชจ๋๋ฅผ ์ง์ํ๋ฉฐ, ํด๋์ค์ ์ด๋ฆ์ ๊ณ ๋ฏผํ์ง ์์๋ ๋ฉ๋๋ค.