Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Next.js는 정말 zero config였다.
Search
RIDI
April 11, 2019
Programming
2.3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Next.js는 정말 zero config였다.
RIDI
April 11, 2019
Transcript
32 slides
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 хࢎפ
More Decks by RIDI
See All by RIDI
원격 근무 팀 운영 경험 공유
ridi
0
2.4k
SVG Icon Design Guide
ridi
2
4.4k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
5.3k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
530
원격으로 한 달 일해보니
ridi
0
1.6k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.9k
UI 라이브러리 개발기
ridi
1
2.9k
테스트 환경 개선하기
ridi
8
3.7k
추천 API 최적화하기
ridi
4
2.4k
Other Decks in Programming
See All in Programming
作って学ぶSpring BootのAuto Configuration / JJUG Night Seminar 2026-10-19
rshindo
0
230
作れるエンジニアから、価値を届けるエンジニアへ
ryunakayama
1
280
baseline으로 마이그레이션, 리팩토링 안전하게 맡기기
fornewid
1
980
protojson における文字化けの扱い
kazuki1023
0
400
Web3Dライブラリを作ってVue Custom Rendererの仕組みを理解しよう / lets learn vue custom renderer by making 3d library
drumath2237
1
130
선언형 햅틱 라이브러리 진동을 소개합니다
l2hyunwoo
1
310
PumaからFalconに移行したRailsアプリケーションでの実践
falcon8823
0
380
Web Framework Benchmark Battle 2026, Any%
a_matsuda
3
3.2k
高橋メソッドでCVE解説シリーズ 〜CVE-2026-112816〜
hakkadaikon
0
250
そのデザイントークン、Flutterでも同じ見た目になりますか?
nakamizu
0
340
Python Lambdaにおけるテストしやすい設計とAI支援の活用 / Designing Testable Python Lambda Functions with AI
kitano_yuichi
1
320
Materialが消えた日 〜真っ白なFlutterキャンバスにRenderObjectで絵を描く〜
umigishiaoi
0
160
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
630
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
2
520
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
1
240
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
560
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
AI: The stuff that nobody shows you
jnunemaker
PRO
12
1.3k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
560
KATA
mclloyd
PRO
35
16k
Darren the Foodie - Storyboard
khoart
PRO
5
4.1k
Chasing Engaging Ingredients in Design
codingconduct
0
390
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
850
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
790