Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Next.js는 정말 zero config였다.
Search
RIDI
April 11, 2019
Programming
0
2.1k
Next.js는 정말 zero config였다.
RIDI
April 11, 2019
Tweet
Share
More Decks by RIDI
See All by RIDI
원격 근무 팀 운영 경험 공유
ridi
0
2.2k
SVG Icon Design Guide
ridi
2
3.8k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
5k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
450
원격으로 한 달 일해보니
ridi
0
1.4k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.7k
UI 라이브러리 개발기
ridi
1
2.6k
테스트 환경 개선하기
ridi
8
3.5k
추천 API 최적화하기
ridi
4
2.1k
Other Decks in Programming
See All in Programming
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
6
1.2k
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
160
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
990
変化を楽しむエンジニアリング ~ いままでとこれから ~
murajun1978
0
140
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
710
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
200
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
640
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
130
「App Intent」よくわからんけどすごい!
rinngo0302
1
130
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
150
階層化自動テストで開発に機動力を
ickx
1
420
Workers を定期実行する方法は一つじゃない
rokuosan
0
130
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Site-Speed That Sticks
csswizardry
10
720
Become a Pro
speakerdeck
PRO
29
5.4k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Transcript
Next.jsח ݈ zero-config. 2019֙ 4ਘ 11ੌ ѐߊࣃఠझೖ © RIDI Corp.
҅ ӣӔ
2 Next.jsо ޥо? Next.jsח ݈ zero-config. SSRਸ ӝࠄਵ۽ ೞח React
ۨਕ
3 Next.jsо ޥо? Next.jsח ݈ zero-config. ۨਕ ѱ নೠ ӝמ
ನೣೞҊ, zero-configܳ ೱೠ.
4 Next.jsо ޥо? Next.jsח ݈ zero-config. ਢ ղ ࢲী ѐߊೞݶࢲ
SSRਸ ਗೞѱ عणפ.
5 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 1. zero-config ѐߊࢲߡ
6 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 1. zero-config ۽؋࣌
࠽٘
7 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 1. zero-config ۽؋࣌
ࢲߡ
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 - ١١١
9 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
Typesciptی ॳҊ रؘਃ?
10 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
Typesciptی ॳҊ रؘਃ?
11 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
SSR நद ೞҊ रؘ…
12 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
SSR நद ೞҊ रؘ…
13 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 3. ೂࠗೠ ࢤక҅
Ӓ ৻ীب নೠ ઁ৬ ۄ࠳۞ܻٜ غҊ . mobx, emotion, apollo ١١
14 Next.js (ۄ ו՛) Next.jsח ݈ zero-config. 4. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋইب غח ҳઑ
15 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(SSR) ݅ড, SSRਸ ՍҊ CSR۽ ೞҊ रਵݶ যڌѱ ೞભ??
16 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(SSR) ݅ড, SSRਸ ՍҊ CSR۽ ೞҊ रਵݶ যڌѱ ೞભ?? Ӓ۠ ӝמ হणפ…. Next.jsח CSR Only۽ ೡ ࣻо হযਃ. ࢚కо হח ࢎۄݶ оמ
17 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) ۄ ߑधਸ ߄ԲҊ रযਃ.
18 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) Next.js ۄ ߑध
19 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) Parameterܳ pathী ֍যঠೡٸח..? Server Client
20 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 1. ݈ zero-config
(ۄ) ѾҴ ੌ߬झ ӝמਸ ࠗ ՍҊ ࣻزਵ۽ ҙܻ೧ঠ ೠ. ܲ ߑधਸ ખ ইࠌחؘ হ :\
21 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ
22 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ Ӕؘ ঌইঠ غݶ??
23 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ
24 Next.js ױ(ۄ ו՛) Next.jsח ݈ zero-config. 2. ࢲߡ৬ ۄܳ
ҳ࠙ೞ ঋח ҳઑ
25 Ѿۿ Next.jsח ݈ zero-config. - Zeitۄח ഥࢎীࢲ ݈ ৌब
ҙܻೠ. - ࢤక҅ ೂࠗೞҊ ۞ ழ࠳ب ծ ಞ. SSR ҃ হਸ ٸ بੑ೧ঠೞݶ Ҋ۰ೡ݅ೞ. - ஂೱਸ ఋח ҳઑо ઓೠ. Ӓؘ۠ ӒѦ ஂೱী ݏѱ ࣻೡ ࣻо হ. - zero-configۄࢲ ழझథೡ ࣻ ח Ѫب zero-config. - ೠߣ ೧ࠌҊ “ ҳഅೞח Ѫب જ ঋਸө”ۄח ࢤп ٚ.
26 Q & A
27 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ಕ SSR
റࠗఠח CSR۽ ജػ.
28 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. Next.js exportӝמਸ ࢎਊ೧ࢲ
࠼ index.html ಕܳ ݅ٚ
29 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ࠼ ಕܳ ٜ݅যࢲ
ݽٚ URIܳ ࠼ಕ۽ োѾदఅ. with s3, cloudfront
30 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ࠼ ಕী ٜযоݶ
pathܳ ੍য ৢ߄ܲ ಕ۽ redirectೠ.
31 Next.jsীࢲ CSR۽ ೞӝ!! Next.jsח ݈ zero-config. ܼ ൔ
32 THANK YOU хࢎפ