yceffort
EN
10 POSTS

Nextjs 2

  • #nextjs#react#ssr

    ๋ฆฌ์•กํŠธ ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง๊ณผ ์ปดํฌ๋„ŒํŠธ

    ๊ฐˆ๊ธธ์ด ๋ฉ€๋‹ค

    4๋ถ„
  • #nextjs#frontend

    Nextjs์—์„œ Server Side props๋ฅผ ์ƒˆ๋กœ๊ณ ์นจํ•˜๊ธฐ

    ํ•ญ์ƒ ๊ฐ์‚ฌํ•˜์‹ญ์‹œ์˜ค and I also, nextjs ์กฐ์•„

    3๋ถ„
  • #career#nextjs#typescript

    2020๋…„ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ 

    ์ด๊ฑฐ ์ข€ ์žฌ๋ฐŒ๋„ค์—ฌ

    14๋ถ„
  • #nextjs#serverless#backend

    ์„œ๋ฒ„๋ฆฌ์Šค๋กœ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŠธ ์ธ๋„ค์ผ ์ƒ์„ฑํ•˜๊ธฐ

    ์–ด์ฐจํ”ผ ๋‚˜๋งŒ ๋ณผ๊ฑฐ์ž„ ใ…‹ใ……ใ…‹

    6๋ถ„
  • #nextjs#frontend#web-performance

    Nextjs 10 ๋ฆด๋ฆฌ์ฆˆ ๋ฐ ์ ์šฉ ํ›„๊ธฐ

    nextjs ์ •๋ง ์—ด์ผํ•˜๋„ค

    9๋ถ„
  • #nextjs#react

    ๋ธ”๋กœ๊ทธ gatsby์—์„œ nextjs๋กœ ์˜ฎ๊ธด ์ด์•ผ๊ธฐ

    ์–ด์˜๋ถ€์˜ํ–ˆ์ง€๋งŒ ๋ณด๋žŒ์€ ์žˆ์—ˆ๋‹ค

    8๋ถ„
  • #nextjs#react#frontend

    NextJS 1. Page & Route

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

    8๋ถ„
  • #nextjs#frontend

    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๋ถ„
  • #nextjs#typescript#boilerplate

    koa-nextjs-react-typescript-boilerplate

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

    1๋ถ„
  • #nextjs#frontend#typescript

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

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

    4๋ถ„