Slide 1
Slide 1 text
Next.jsח ݈
zero-config.
2019֙ 4ਘ 11ੌ ѐߊࣃఠझೖ
© RIDI Corp.
҅ ӣӔ
Slide 2
Slide 2 text
2
Next.jsо ޥо?
Next.jsח ݈ zero-config.
SSRਸ ӝࠄਵ۽ ೞח React ۨਕ
Slide 3
Slide 3 text
3
Next.jsо ޥо?
Next.jsח ݈ zero-config.
ۨਕ ѱ নೠ ӝמ ನೣೞҊ, zero-configܳ ೱೠ.
Slide 4
Slide 4 text
4
Next.jsо ޥо?
Next.jsח ݈ zero-config.
ਢ ղ ࢲী ѐߊೞݶࢲ SSRਸ ਗೞѱ عणפ.
Slide 5
Slide 5 text
5
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
1. zero-config
ѐߊࢲߡ
Slide 6
Slide 6 text
6
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
1. zero-config
۽؋࣌ ࠽٘
Slide 7
Slide 7 text
7
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
1. zero-config
۽؋࣌ ࢲߡ
Slide 8
Slide 8 text
8
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
2. ೂࠗೠ ӝמ
- Populating Head(react-helmet)
- Routing (react-router, react-redux-router)
- Link Component
- HOC (inject Router)
- Programmatic Routing
- Prefetching Page
- Export for static page
- ١١١
Slide 9
Slide 9 text
9
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
3. ೂࠗೠ ࢤక҅
Typesciptی ॳҊ रؘਃ?
Slide 10
Slide 10 text
10
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
3. ೂࠗೠ ࢤక҅
Typesciptی ॳҊ रؘਃ?
Slide 11
Slide 11 text
11
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
3. ೂࠗೠ ࢤక҅
SSR நद ೞҊ रؘ…
Slide 12
Slide 12 text
12
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
3. ೂࠗೠ ࢤక҅
SSR நद ೞҊ रؘ…
Slide 13
Slide 13 text
13
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
3. ೂࠗೠ ࢤక҅
Ӓ ৻ীب নೠ ઁ৬ ۄ࠳۞ܻٜ غҊ .
mobx, emotion, apollo ١١
Slide 14
Slide 14 text
14
Next.js (ۄ ו՛)
Next.jsח ݈ zero-config.
4. ࢲߡ৬ ۄܳ ҳ࠙ೞ ঋইب غח ҳઑ
Slide 15
Slide 15 text
15
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
1. ݈ zero-config (SSR)
݅ড, SSRਸ ՍҊ CSR۽ ೞҊ रਵݶ যڌѱ ೞભ??
Slide 16
Slide 16 text
16
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
1. ݈ zero-config (SSR)
݅ড, SSRਸ ՍҊ CSR۽ ೞҊ रਵݶ যڌѱ ೞભ??
Ӓ۠ ӝמ হणפ…. Next.jsח CSR Only۽ ೡ ࣻо হযਃ.
࢚కо হח ࢎۄݶ оמ
Slide 17
Slide 17 text
17
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
1. ݈ zero-config (ۄ)
ۄ ߑधਸ ߄ԲҊ रযਃ.
Slide 18
Slide 18 text
18
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
1. ݈ zero-config (ۄ)
Next.js ۄ ߑध
Slide 19
Slide 19 text
19
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
1. ݈ zero-config (ۄ)
Parameterܳ pathী ֍যঠೡٸח..?
Server Client
Slide 20
Slide 20 text
20
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
1. ݈ zero-config (ۄ)
ѾҴ ੌ߬झ ӝמਸ ࠗ ՍҊ ࣻزਵ۽ ҙܻ೧ঠ ೠ.
ܲ ߑधਸ ખ ইࠌחؘ হ :\
Slide 21
Slide 21 text
21
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
2. ࢲߡ৬ ۄܳ ҳ࠙ೞ ঋח ҳઑ
Slide 22
Slide 22 text
22
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
2. ࢲߡ৬ ۄܳ ҳ࠙ೞ ঋח ҳઑ
Ӕؘ ঌইঠ غݶ??
Slide 23
Slide 23 text
23
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
2. ࢲߡ৬ ۄܳ ҳ࠙ೞ ঋח ҳઑ
Slide 24
Slide 24 text
24
Next.js ױ(ۄ ו՛)
Next.jsח ݈ zero-config.
2. ࢲߡ৬ ۄܳ ҳ࠙ೞ ঋח ҳઑ
Slide 25
Slide 25 text
25
Ѿۿ
Next.jsח ݈ zero-config.
- Zeitۄח ഥࢎীࢲ ݈ ৌब ҙܻೠ.
- ࢤక҅ ೂࠗೞҊ ۞ ழ࠳ب ծ ಞ. SSR ҃ হਸ ٸ بੑ೧ঠೞݶ Ҋ۰ೡ݅ೞ.
- ஂೱਸ ఋח ҳઑо ઓೠ. Ӓؘ۠ ӒѦ ஂೱী ݏѱ ࣻೡ ࣻо হ.
- zero-configۄࢲ ழझథೡ ࣻ ח Ѫب zero-config.
- ೠߣ ೧ࠌҊ “ ҳഅೞח Ѫب જ ঋਸө”ۄח ࢤп ٚ.
Slide 26
Slide 26 text
26
Q & A
Slide 27
Slide 27 text
27
Next.jsীࢲ CSR۽ ೞӝ!!
Next.jsח ݈ zero-config.
ಕ SSR റࠗఠח CSR۽ ജػ.
Slide 28
Slide 28 text
28
Next.jsীࢲ CSR۽ ೞӝ!!
Next.jsח ݈ zero-config.
Next.js exportӝמਸ ࢎਊ೧ࢲ ࠼ index.html ಕܳ ݅ٚ
Slide 29
Slide 29 text
29
Next.jsীࢲ CSR۽ ೞӝ!!
Next.jsח ݈ zero-config.
࠼ ಕܳ ٜ݅যࢲ ݽٚ URIܳ ࠼ಕ۽ োѾदఅ.
with s3, cloudfront
Slide 30
Slide 30 text
30
Next.jsীࢲ CSR۽ ೞӝ!!
Next.jsח ݈ zero-config.
࠼ ಕী ٜযоݶ pathܳ ੍য ৢ߄ܲ ಕ۽ redirectೠ.
Slide 31
Slide 31 text
31
Next.jsীࢲ CSR۽ ೞӝ!!
Next.jsח ݈ zero-config.
ܼ ൔ
Slide 32
Slide 32 text
32
THANK YOU
хࢎפ