ํ™ˆ์œ ํŠœ๋ธŒ๋ธ”๋กœ๊ทธTop 10
๋‚ด ํ”„๋กœํ•„

๋ฐ๋ธŒํ—ˆ๋ธŒ ์•ˆ๋‚ด
์†Œ๊ฐœ์—…๋ฐ์ดํŠธ ์†Œ์‹

๋ฐ๋ธŒํ—ˆ๋ธŒ ์ปค๋ฎค๋‹ˆํ‹ฐ

How To Get Typesafe Links In Next.js 15 ๐Ÿคฏ #nextjs #nextjs15 #reactjs #webdevelopment #webdev

Coding in Flow

2024. 12. 19.

0ํšŒ

#frontend
  • Next.js 15์—์„œ ์œ ํ˜• ์•ˆ์ „ํ•œ ๋งํฌ๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿš€
  • <Link> ๊ตฌ์„ฑ ์š”์†Œ์˜ href ์†์„ฑ์—์„œ ์ž๋™ ์™„์„ฑ ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿช„
  • ์ œ๊ณต๋œ ๋งํฌ๊ฐ€ ์ •์˜๋œ ๊ฒฝ๋กœ์™€ ์ผ์น˜ํ•˜์ง€ ์•Š์œผ๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์—ฌ ํƒ€์ž… ์•ˆ์ „์„ฑ์„ ํ™•๋ณดํ•ฉ๋‹ˆ๋‹ค ๐Ÿ›ก๏ธ
  • next.config.js ํŒŒ์ผ์— experimental: { typeRoutes: true } ์˜ต์…˜์„ ํ™œ์„ฑํ™”ํ•˜์—ฌ ์ด ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ๐Ÿ”ง
  • types ํด๋” ์•ˆ์— ์ž๋™์œผ๋กœ ์ƒ์„ฑ๋œ .ts ํŒŒ์ผ์€ ๋ชจ๋“  ์ •์  ๊ฒฝ๋กœ๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค ๐Ÿ“‘

Recommanded Videos