https://abangpa1ace.tistory.com/entry/Nextjs-Nextjs-13-%EB%B3%80%EA%B2%BD%EC%82%AC%ED%95%AD
[Next.js] Next.js 13 ๋ณ๊ฒฝ์ฌํญ
๐ค Next.js 13 Next.js 12๋ฒ์ ๋ 2021๋ ์ค์ ์ ๋ฐ์ดํธ ๋ ๊ฒ์ผ๋ก ๊ธฐ์ตํ๋๋ฐ, Next.js 13์ด 2022๋ 10์์ ์ปจํผ๋ฐ์ค์์ ๋ค์ ๋ฐํ๋ฌ๋ค. ์ฒด๊ฐ์ ๊ฐ์ฅ ํฐ ๋ณํ๋ฅผ ๋๋ ๊ฒ ๊ฐ์ ๋ฒ์ ์ฒด์ธ์ง์ด๋ค. (๋๋ ํ ๋ฆฌ ๊ตฌ
abangpa1ace.tistory.com
ํนํ opengraphy vercel/og ๊ฐ ๋งค์ฐ ์ธ์๊น๊ณ , SSR ์ ๊ธฐ๋ณธ์ผ๋ก ํ๋ฉด์ getServersideProps ๋ฑ์ด cache ๋ก ๋ฐ๋ ์ ๋ ์ธ์๊น๋ค.
์ ๋ธ๋ก๊ทธ์์ ๋ณ๊ฒฝ์ฌํญ ์์ฝ์ ๊ฐ๋จํ ๊ธฐ์ฌํ๋ฉด,
8. ์ฃผ์ ๋ณ๊ฒฝ์ฌํญ
- ์ต์ ์๊ตฌ React ๋ฒ์ ์ด 17.0.2 โบ 18.2.0์ผ๋ก ์ํฅ
- 12.X ๋ฒ์ ์ง์์ด ์ข ๋ฃ๋๋ฉฐ, ์ต์ ์๊ตฌ Node.js ๋ฒ์ ์ด 12.22.0 โบ 14.6.0 ์ํฅ
- swcMinify ์ค์ ๊ธฐ๋ณธ๊ฐ์ด false โถ๏ธ true ๋ณ๊ฒฝ
- next/image โบ next/legacy/image, next/future/image โบ next/image ๋ง์ด๊ทธ๋ ์ด์
- next/link๊ฐ <a> ํ๊ทธ๋ฅผ ์์์ผ๋ก ๊ฐ์ง ์ ์์. legacyBehavior ์ต์ ์ผ๋ก ๊ธฐ์กด์ฝ๋๋ฅผ ์ ์งํ ์ ์์ผ๋, ์ปค๋ฉ๋๋ก ์ ๋ฐ์ดํธ ๊ถ์ฅ
- User-Agent ๊ฐ ๋ด์ด๋ฉด ๋ ์ด์ ๊ฒฝ๋ก๋ค์ prefetch ํ์ง ์์
- ์ง์ ์ข ๋ฃ๋ target ์ต์ (MiddlewareInServerlessTarget)์ด next.config.js ์์ ์ ๊ฑฐ
- ์ง์ ๋ธ๋ผ์ฐ์ ๊ฐ ๋ณ๊ฒฝ : Chrome 64+, Edge 79+, Firefox 67+, Opera 51+, Safari 12+, IE(์ง์์ข ๋ฃ)
์ถ์ฒ : ttang_99's ๊ฐ๋ฐ์ ํ์ ๋ค
'Front-End > Next.js' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Next 13 ์์์ Data fetching (0) | 2023.10.19 |
---|---|
@next/font ๋ฅผ ์ฌ์ฉํด์ ๊ตฌ๊ธ ํฐํธ ์ ์ฉํ๊ธฐ (0) | 2023.01.11 |
front-matter (0) | 2022.11.01 |
๋๊ธ