avatar

Nextjs 3

  • NextJS 1. Page & Route

    ์š”์ฆ˜ ๋ฆฌ์•กํŠธ๋ฅผ ์“ฐ๋Š” ๋งŽ์€ ํ”„๋กœ์ ํŠธ์—์„œ, SSR์„ ์ง€์›ํ•˜๊ธฐ ์œ„ํ•ด [nextjs](https://nextjs.org/)๋ฅผ ์“ฐ๊ณ  ์žˆ๋‹ค. ์ดˆ๊ธฐ ๋กœ๋”ฉ ์†๋„๋‚˜, SEO ์ง€์› ์ด์Šˆ ๋“ฑ ๋“ฑ ๋•Œ๋ฌธ์— ์•„๋ฌด๋ž˜๋„ SPA๋Š” ์š”์ฆ˜ ํŠธ๋ Œ๋“œ์—์„œ ๋งŽ์ด ๋ฐ€๋ฆฐ ๊ธฐ๋ถ„์ด๋‹ค. ๋ฌผ๋ก  [razzle](https://github.com/jaredpalmer/razzle) ์„ ์“ฐ๊ฑฐ๋‚˜ custom ser...

    8๋ถ„
  • NextJS 2. Data Fetching

    [nextjs์˜ ๊ณต์‹ ๋ฌธ์„œ](https://nextjs.org/docs/basic-features/data-fetching)๋ฅผ ๋ณด๊ณ  ์š”์•ฝํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ```toc tight: true, from-heading: 1 to-heading: 2 ``` ## 1. getInitialProps Nextjs 9.3 ์ด์ „์—๋Š” `getInitialProps` ๋ฐ–์—...

    13๋ถ„
  • koa-nextjs-react-typescript-boilerplate

    [github repository](https://github.com/yceffort/koa-nextjs-react-typescript-boilerplate) nextjs์™€ react ๋งŒ ๊น”๋”ํ•˜๊ฒŒ ์“ฐ๊ณ  ์‹ถ์ง€๋งŒ, ๊ทธ๋Ÿฌ๊ธฐ์—” ํ˜„์‹ค์ ์ธ ๋ฌธ์ œ๊ฐ€ ๋ช‡๊ฐ€์ง€ ์žˆ๋‹ค ...

    1๋ถ„
  • Typescript, React, NextJs, Koa, Styled Component ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ํ™˜๊ฒฝ ๋งŒ๋“ค๊ธฐ

    ์ด ๋ฌธ์„œ๋Š” ๋” ์ด์ƒ ์—…๋ฐ์ดํŠธ ํ•˜์ง€ ์•Š์„ ์ƒ๊ฐ์ด๋‹ค. ๋Œ€์‹  https://github.com/yceffort/koa-nextjs-react-typescript-boilerplate ์—ฌ๊ธฐ์—์„œ ๊ณ„์† ํ•ด์„œ ๋งŒ๋“ค์–ด ๊ฐ€๊ณ  ์žˆ๋‹ค. ## ์‚ฌ์šฉํ•œ ์˜คํ”ˆ์†Œ์Šค ### React ์ž์„ธํ•œ ์„ค๋ช…์€ ์ƒ๋žต ํ•œ๋‹ค ### Nextjs [NextJs](https://nextjs.org...

    4๋ถ„